Jquery mobile jquery移动复选框样式设置问题

我设法在JQuery中设置复选框的样式，正如我所希望的那样：

var content=''+
'' +
'' +
'' +
'' +
“食物”+
'' +
'' +
'' +
“太阳薯片”+
'';

结果是静态的（单击按钮时没有操作或状态更改）

如何让它们充当普通复选框，在单击时更改其选中状态

---

谢谢大家!

jquerymobile不仅是样式化元素，还添加了一些事件处理和类/属性切换（与JUI类似，但标记中有JQM）。因此，您需要自己添加此行为，或者在JQM开始解析之前插入标准元素，或者插入标准元素并使JQM再次解析它们

要使JQM重新呈现移动页面标记，您需要调用如下内容：

$jqueryElement.trigger("create");

<fieldset data-role="controlgroup" data-type="vertical">
    <input id="foo1" name="foo" type="checkbox"><label for="foo1">Option 1</label>`
    <input id="foo2" name="foo" type="checkbox"><label for="foo2">Option 2</label>`
</fieldset>

其中，

$jqueryElement

是例如：

$jqueryElement = $('#elementId');

编辑： 换句话说，您不应该使用像

ui复选框

这样的类。您应该添加一个带有标签和字段集的简单输入，如下所示：

$jqueryElement.trigger("create");

<fieldset data-role="controlgroup" data-type="vertical">
    <input id="foo1" name="foo" type="checkbox"><label for="foo1">Option 1</label>`
    <input id="foo2" name="foo" type="checkbox"><label for="foo2">Option 2</label>`
</fieldset>

选择1`
选择2`

我假设您将html字符串附加到具有id

mycheckbox的div中

e、 g:

尝试如下

$('#myCheckBoxes').html(content);
$('#myCheckBoxes').trigger("create");

---

我想告诉您，您添加的类是内部JQM类，您不应该真正使用它们。使用带有少量

数据-

属性的标准HTML并触发容器上的创建。这将添加类和行为。不同的是，我可以在实际按钮上进行样式设置，如图所示：[link]（）您知道什么是最好的选择吗？我是新来的：谢谢！检查小提琴似乎你需要进一步的工作风格