jQuery mobile：动态添加复选框

Question

我没有早期的 jQuery 移动体验，现在我正在尝试在 javascript 中动态添加新的复选框。

使用（在 html 头中）

jquery.mobile-1.4.5.min.css
jquery-1.11.3.min.js
jquery.mobile-1.4.5.min.js

部分 HTML：

<form>
    <fieldset data-role="collapsible">
        <div id="agree" data-role="controlgroup"></div>
        <input type="submit" value="Submit">
    </fieldset>
</form>

JAVASCRIPT 的一部分：

var html = '<input type="checkbox" name="checkbox-1" id="checkbox-1" /><label for="checkbox-1">I agree</label>'; 
$('#agree').html(html); 
$("input[type='checkbox']").checkboxradio("refresh");

我得到的只是普通的复选框，没有任何格式。 怎么了？我错过了什么吗？

Answer 1

试试这个方法：

$("[data-role=controlgroup]").enhanceWithin().controlgroup("refresh");

希望对你有帮助！