使用jQuery Mobile进行Fire复选框事件

Question

我正在使用jQuery 1.8.3和jQuery Mobile 1.2.0。

我正在尝试实施vertically grouped checkboxes。

我需要检查复选框上的更改。有一个例子here。

但是，它在我的页面上不起作用（我没有给它，因为它包含太多依赖项，但代码是相同的）。

基本上，当我单击一个复选框时，控制台中应显示以下消息：

INPUT
module1
-----

在我的页面中我得到了：

FIELDSET
moduleListTitle
-----
DIV
moduleContainer
-----
DIV
(an empty string)
-----

我花了好几个小时试图找出未正确触发事件的原因。

有没有人遇到过这个问题？

Answer 1

在测试代码之后 - 不是在JSfiddle上 - 我已经达到了以下解决方案。

由于项目是动态添加的，因此您应该将事件绑定到$(document)，将处理程序绑定到'input:checkbox.module'。

这是代码，我希望它能解决你的问题。

$(document).on('change','input:checkbox.module', function(){
 console.log(this.tagName);
 console.log(this.id);
 console.log("-----");
});

trigger.('refresh')此处不需要。