在jQuery Mobile中将复选框项动态添加到列表中的正确语法是什么?

时间:2012-03-01 15:29:46

标签: jquery jquery-mobile

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

  1. 我清空了清单
  2. 附加到列表
  3. 刷新列表以添加jqm类样式
  4. 在过去,这已经成功地将列表项添加到列表中。我确信我的语法错误。

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

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:0)

将绑定方法切换为.click

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