jQuery 移动：动态添加复选框

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

希望对您有所帮助！

jQuery 移动：动态添加复选框

jQuery mobile: adding checkbox dynamically

jquery-mobile