1

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

我正在尝试实现垂直分组的复选框。

我需要检测复选框上的更改。此处提供了一个示例。

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

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

INPUT
module1
-----

而在我的页面中，我有：

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

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

有没有人已经面临这个问题？

4

1 回答 1

2

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

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

下面是代码，希望能解决你的问题。

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

trigger.('refresh')这里不需要。

于 2013-03-07T18:38:06.693 回答