Jquery mobile jQuery mobile:动态添加复选框

我以前没有jQuery移动版的经验，现在我正在尝试在javascript中动态添加新的复选框

使用（在html头中）

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

var html='我同意'；
$（'#agree'）.html（html）；
$（“输入[type='checkbox']”）。checkboxradio（“刷新”）；

我得到的只是简单的复选框，没有任何格式。 怎么了？我遗漏了什么吗？

请尝试以下方法：

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

我希望这对你有帮助

试着这样做：

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

---

我希望这对你有帮助

您能否共享一个工作片段，可能是一个JSFIDLE，以便我们知道您使用的是哪个版本的JQuery？下面是一些完整的工作示例：这里：您能否共享一个工作片段，可能是一个JSFIDLE，以便我们知道您使用的是哪个版本的JQuery？这里是一些完整的工作示例：这里：