我想通过点击菜单中的项目更新链接按钮的值。
I'd like to update the value of a link-button by clicking on the item of a menu.
HTML:
<div id="menu"> <ul data-role="listview" data-icon="false"> <li><a href="#">Value A</a></li> <li><a href="#">Value B</a></li> </ul> </div> <a href="#" id="selected" data-role="button"></a>jQueryMobile:
jQueryMobile:
$('#selected').hide(); $("#menu li a").on('click',function(){ $('#selected').html($(this).html()).slideDown().button("refresh"); });文本更新工作正常,但按钮的CSS不能正常更新。
Text update works fine, but button css is not properly updated.
我收到以下错误:
未捕获的错误:不能调用初始化之前按钮的方法; 试图调用方法刷新
Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'refresh'
哪些初始化,我们谈论的?页面和按钮已经被初始化,不是吗?
Which initialization are we talking about ? Page and button are already initialized, aren't they?
编辑:
我也试过这样的:
$(document).on("mobileinit", function() { $('#selected').hide(); $("#menu li a").on('click',function(){ $('#selected').html($(this).html()).slideDown().button("refresh"); }); });没有错误信息了;但没有文字更新:(
No error message any more; but no text update :(
推荐答案这个问题有时是jQuery的-UI和引导按钮插件冲突引起的。jQuery的的UI code bootstrap.js之前应该去,而且解决问题。
The issue is sometimes caused by jquery-ui and bootstrap-button plugins conflict. jquery-ui code should go before bootstrap.js, and that solves the problem.
更多推荐
无法调用初始化之前的方法;试图调用方法'刷新'
发布评论