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转换为click事件

2 个答案: