把JQuery变成点击事件

Question

我有以下代码可以正常工作

$(window).load(function(){
$(document).ready(function(){
$("input[name ='_sft_product_cat[]']").parent().next(".children").css("background", "yellow");
})
});

我想做的是将它变成一个点击事件，但我无法让它工作，我尝试了以下方法

$(window).load(function(){
$(document).ready(function(){
$("input[name = '_sft_product_cat[]']").click(function(){
 $(this).parent().next(".children").css("background", "blue");
return false;
});

我做错了什么？

谢谢

Answer 1

您错过的是 document.ready 和 window.load 函数的右括号。你也不需要同时使用 window.load 和 document.ready ，只有 document.ready 就足够了

$(document).ready(function(){
$("input[name = '_sft_product_cat[]']").click(function(){
 $(this).parent().next(".children").css("background", "blue");
return false;
});
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input type="checkbox" name="_sft_product_cat[]"/>
</div>
<div class="children">Hello</div>

Answer 2

只是您错过了右括号。请使用任何 IDE;像 PhpStorm/WebStorm 用于开发。这些 IDE 可以很容易地找到这种错误。

把JQuery变成点击事件

Turn JQuery into click event

css

jquery

parent

next