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

我希望这可以帮到你！