Jquery Mobile 复选框收音机在动态创建后没有应用完整的 CSS

Question

我正在尝试让一些动态创建的单选复选框应用完整的样式。

他们目前正在应用单个单选框对象样式，但是他们缺少整个复选框列表的样式。

我使用this 作为解决问题的方法，但是 JQuery Mobile v1.4.2 和 v1.1.1 - 1.1 之间似乎存在差异.1 自动应用分组样式，而 1.4.2 需要额外的字段。

我尝试了几种方法，例如.checkboxradio("refresh");，但它们似乎都与.trigger("create"); 做同样的事情。

这是我的代码段的完整版本：

HTML：

<div data-role="page" data-title="First Time" id="firstTime">
    <div class="ui-content">
        <form id="firstTimeSelectCampus">
            <fieldset data-role="controlgroup" id="firstTimeSelectCampusFieldset">
            </fieldset>
        </form>
        <p>
            You can change this under the settings menu.
        </p>
        <a href="#" id="firstTimeButton" class="ui-btn">Continue</a>
    </div>
</div>

JS：

var checked;
$("#firstTimeSelectCampusFieldset").children().remove();
$("#firstTimeSelectCampusFieldset").append("<legend>Select your default campus:</legend>");
for (var i = 0; i < campusArray.length; i++ ) {
    if (i === 0) {
        checked = ' checked="checked" ';
    }
    else {
        checked = "";
    }
    $("#firstTimeSelectCampusFieldset").append( 
        '<input ' +
        'type="radio" ' +
        'name="campus" ' +
        'id="' + campusArray[i].id + '" ' + 
        'value="' + campusArray[i].id + '" ' + 
        checked +
        '>' +
        '<label for="' + campusArray[i].id + '"' + '>' +
            campusArray[i].name +
        '</label>'
    );
};
$("#firstTime").trigger("create");

这就是我想要的样子：

这是它目前的样子：

这是一个真正最小化的问题版本（试图摆脱所有不必要的东西）：http://jsfiddle.net/tbLSk/

那里有很多类似的问题，但我无法让任何解决方案 100% 发挥作用，所以我假设我遗漏了一些非常明显的东西。

Answer 1

你忘记了课程btn-group-vertical

<div data-role="page" id="firstTime">
    <div id="lel" class="ui-content">
        <fieldset data-role="controlgroup">
            <div id="firstTimeSelectCampusFieldset" class="btn-group-vertical" data-role="controlgroup">
            </div>
        </fieldset>
    </div>
</div>

或：

<div data-role="page" id="firstTime">
    <div id="lel" class="ui-content">
        <div  class="btn-group-vertical" data-role="controlgroup">
        <fieldset id="firstTimeSelectCampusFieldset" data-role="controlgroup">
            </fieldset>
        </div>
    </div>
</div>