我需要能够动态替换控制组中的单选按钮。我已经想出了一个解决方案,但我想确保我正确地做到这一点。 Here's a jsFiddle。动态替换控制组中的单选按钮
我应该在每个新创建的单选按钮上调用.checkboxradio()
后手动修改类,还是在jQuery Mobile某处有一个方法可以帮助我完成此操作?
请注意,这里的jsFiddle是按照我需要的。我在问是否有更容易(或更多地方)的方式来更新动态创建的单选按钮的视觉样式以符合控件组样式。
我需要能够动态替换控制组中的单选按钮。我已经想出了一个解决方案,但我想确保我正确地做到这一点。 Here's a jsFiddle。动态替换控制组中的单选按钮
我应该在每个新创建的单选按钮上调用.checkboxradio()
后手动修改类,还是在jQuery Mobile某处有一个方法可以帮助我完成此操作?
请注意,这里的jsFiddle是按照我需要的。我在问是否有更容易(或更多地方)的方式来更新动态创建的单选按钮的视觉样式以符合控件组样式。
在jquery移动增强功能之前应将内容添加到DOM,例如通过绑定到page beforecreate
事件而不是页面pagebeforeshow
。这样你的内容将得到适当的增强。
对于动态内容,只要插入到DOM中,就可以对其进行增强。见this modified fiddle。
试试这个:
$('#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');
这正是链接的jsFiddle所做的。 – FMM
我猜你没有注意到,在你修改的jsfiddle,该controlgroup的显示都是错误的,具有角落的每个单选按钮。这是这个问题的重点。 – FMM