javascript - jquery点击功能不起作用

Question

当我将以下代码直接粘贴到浏览器中时（chrome 控制台），它正在工作。但它不适用于我的源文件

<script type="text/javascript" >
        $(".test").click(function(){
            $(this).parent().find("div").toggle();
        });
    </script>

Answer 1

仅在 DOM 准备好后尝试运行它：

$(function(){

  $(".test").on("click", function(){
    $(this).parent().find("div").toggle();
  });

});

Answer 2

尝试通过编写 jQuery 替换 $ ..

像，

jQuery（函数（）{

Answer 3

确保包含在 document.ready 函数中。它确保它会在页面加载完成时绑定函数。Document.ready()

$(document).ready(function(){

  $(".test").on("click", function(){
    $(this).parent().find("div").toggle();
  });

});

Answer 4

使用 jquery 时总是这样做

$('document').ready(function(){
     $(function(){
        $(".test").on("click", function(){
        $(this).parent().find("div").toggle();
        });
     });
});

始终将代码放在函数中，这将使它可以使用和准备好文档。