Question

我的源代码：

Distinct()

将设计转换为以下代码：（当我在浏览器中查看页面时）

 <input class="eanvoera5" type="checkbox" name="nieuwpid">

问题：

我不能让我的Jquery函数用于复选框。如果单击该复选框，我想显示/隐藏另一个框。

Code Jquery：

   <div class="icheckbox_minimal checked" style="position: relative;" aria-checked="true" aria-disabled="false">
   <input class="eanvoera5" type="checkbox" name="nieuwpid" style="position: absolute; opacity: 0;">
   <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 0px none; opacity: 0;"></ins>
  </div>

它让我发疯了。有人有想法吗？

Answer 1

您在功能结束时缺少); ...

$(".eanvoera5").on('click', function() {
    alert('hitest');
}); // <!-- HERE

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input class="eanvoera5" type="checkbox" name="nieuwpid">

Answer 2

正如您所看到的那样，由于您错过了);关闭，因此存在语法错误，但在我看来，DOM正在通过其他脚本操作进行更改。如您所述，您可能应该将事件委托给最近的静态父级或文档：

而不是click您应该使用change，因为复选框已经检查了道具，点击时总是会更改，但点击也可以。

$("body").on('change', ".eanvoera5", function() {
   alert('hitest');
});

Answer 3

也许将点击功能改为jQuery

$(".eanvoera5").click(function() {
    alert('hitest');
});

请注意与上述所有人

一样的结束);

https://jsfiddle.net/ToreanJoel/jjd2ode8/

Answer 4

$(".eanvoera5").on('ifChecked', function(event){
alert('hitest');
});

此功能有效。可以在此处找到文档：https://github.com/fronteed/iCheck

iCheck与Jquery不兼容。

Jquery点击不工作非常奇怪

4 个答案: