使用 jQuery Mobile 触发复选框事件

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')。