将 JQuery 变成点击事件答案

【问题标题】：Turn JQuery into click event将 JQuery 变成点击事件
【发布时间】：2017-04-14 06:48:50
【问题描述】：

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

$(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;
});

我做错了什么？

谢谢

【问题讨论】：

请记住，$(document).ready 是页面中加载的第一个节点，因为文档实际上是您的代码所在的文件 html、js 或 php。所以，它不会没有意义把它放到 $(window).load stackoverflow.com/questions/5182016/…

标签： jquery css parent next

【解决方案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>

【讨论】：

谢谢！太愚蠢了。我正在使用它来实际执行滑动切换功能，这要归功于您现在可以使用...
@RamonSchmidtRocha ，我同意，我只是复制粘贴了他拥有的代码。最好提一下代码可以改进的其他地方。将为此编辑答案。谢谢
@JonJones 很高兴得到帮助

【解决方案2】：

只是你错过了右括号。请使用任何 IDE；喜欢PhpStorm/WebStorm 用于开发。这些 IDE 可以轻松发现此类错误。

【讨论】：