Jquery mobile 控件组中单选按钮的动态更换
我需要能够动态地替换控制组中的单选按钮。我已经想出了一个解决办法,但我想确保我的方法是正确的 在对每个新创建的单选按钮调用Jquery mobile 控件组中单选按钮的动态更换,jquery-mobile,knockout.js,Jquery Mobile,Knockout.js,我需要能够动态地替换控制组中的单选按钮。我已经想出了一个解决办法,但我想确保我的方法是正确的 在对每个新创建的单选按钮调用.checkboxradio()后,我应该手动修改类,还是jQuery Mobile中的某个方法可以帮助我完成这项工作 请注意,这里的JSFIDLE可以按照我的需要工作。我想问的是,是否有更简单(或更惯用)的方法来更新动态创建的单选按钮的视觉样式,以符合控制组样式。在jquery mobile增强之前,应该将内容添加到DOM中,例如,通过绑定到pagebeforecreate
.checkboxradio()
后,我应该手动修改类,还是jQuery Mobile中的某个方法可以帮助我完成这项工作
请注意,这里的JSFIDLE可以按照我的需要工作。我想问的是,是否有更简单(或更惯用)的方法来更新动态创建的单选按钮的视觉样式,以符合控制组样式。在jquery mobile增强之前,应该将内容添加到DOM中,例如,通过绑定到
pagebeforecreate
事件而不是页面pagebeforeshow
。这样,您的内容将得到适当的增强
至于动态内容,您可以在将其插入DOM后立即对其进行增强。请参阅。尝试以下操作:
$('#creneauListPage #fieldcontain input').checkboxradio();
$('#creneauListPage #fieldcontain .ui-btn').removeClass('ui-btn-corner-all');
$('#creneauListPage #fieldcontain .ui-btn:first').addClass('ui-corner-top');
$('#creneauListPage #fieldcontain .ui-btn:last').addClass('ui-corner-bottom ui-controlgroup-last');
我猜您没有注意到在修改后的JSFIDLE中,controlgroup的显示完全错误,每个单选按钮都有角。这就是这个问题的重点。