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

Question

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

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

请注意，这里的 jsFiddle 可以按我的需要工作。我在问是否有更简单（或更惯用）的方法来更新动态创建的单选按钮的视觉样式以符合控件组样式。

Answer 1

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

至于动态内容，您可以在将其插入 DOM 后立即对其进行增强。看到这个修改过的小提琴。

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');