动态替换控制组中的单选按钮

Question

我需要能够动态替换控制组中的单选按钮。我想出了一个解决方案，但我想确保以正确的方式解决这个问题。 Here's a jsFiddle

我是否应该在每个新创建的单选按钮上调用.checkboxradio()后手动修改类，或者jQuery Mobile中的某个方法是否可以帮助我完成此任务？

请注意，jsFiddle在这里可以正常工作。我在问是否有更简单（或更通俗）的方式来更新动态创建的单选按钮的视觉样式以符合到控制组的风格。

Answer 1

应在jquery移动增强之前将内容添加到DOM，例如通过绑定到page beforecreate事件而不是页面pagebeforeshow。这样可以适当增强您的内容。

对于动态内容，您可以在插入DOM后立即对其进行增强。请参阅this modified fiddle。

Answer 2

试试这个：

    $('#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');