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

始终将代码放入函数中，这样可以使文档就绪并且无需文档。