将复选框项动态添加到 jQuery Mobile 列表的正确语法是什么？答案

【问题标题】：What is the correct syntax to dynamically add checkbox items to a list in jQuery Mobile?将复选框项动态添加到 jQuery Mobile 列表的正确语法是什么？
【发布时间】：2012-03-01 15:29:45
【问题描述】：

我已成功将<li> 的列表项添加到无序列表ul。但现在似乎我无法将复选框项目添加到一个<li> 内的列表中。在我下面的jsfiddle

我清空列表
附加到列表
刷新列表以添加 jqm 类样式

这在过去再次用于将列表项添加到列表中。我确信我的语法是错误的。

http://jsfiddle.net/N7Z9e/1112/

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

这一行：

$("#ulTest").listview("refresh")

应该改为：

$("#ulTest").listview("refresh").find('input').checkboxradio();

您必须初始化您动态添加的任何小部件。基本上你是在告诉 jQuery Mobile 你已经添加了一个小部件并且你希望它被设置样式。您正在更新 listview 小部件，但未初始化新的 checkbox 小部件。

文档：http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/checkboxes/methods.html

这是您的 JSFiddle 的更新版本：http://jsfiddle.net/jasper/N7Z9e/1113/

【讨论】：

【解决方案2】：

将绑定方式切换为.click

$('#btnTest').click(function(e){
});

【讨论】：

是的，它确实修复了按钮事件。我只是为了这个演示目的把它放在那里。然而，真正的问题是如何获得新插入的带有 jQuery 类样式的复选框项。