Javascript Django JQuery项不起作用_Javascript_Jquery_Django

Javascript Django JQuery项不起作用

javascript jquery django

Javascript Django JQuery项不起作用,javascript,jquery,django,Javascript,Jquery,Django,我只是在检查JQuery在我的Django项目中是否正常工作，这里是一个示例。当我为一个项放置一个事件时，它不工作。查看我的代码，它就会很清楚。当我调用一个项时，似乎出现了问题，如这里的“#text” （1） test.js正在工作： $(document).ready(function(){ alert("Ready"); }); （2） test.js不工作： $(document).ready(function(){ $("#text").click(function(){

我只是在检查JQuery在我的Django项目中是否正常工作，这里是一个示例。当我为一个项放置一个事件时，它不工作。查看我的代码，它就会很清楚。当我调用一个项时，似乎出现了问题，如这里的“#text”

（1） test.js正在工作：

$(document).ready(function(){
  alert("Ready");
});

（2） test.js不工作：

$(document).ready(function(){
    $("#text").click(function(){
    alert("Clicked");
    }); 
});

homepage.html：

<div>
    <script type="text/javascript" src="{% static "js/jquery.js" %}" ></script>
    <script type="text/javascript" src="{% static "js/test.js" %}" ></script>
    <p id="text"> Click to hide </p>     
</div>

单击以隐藏

在第2行的test2.js中，我也尝试过：

$（'text'）

和

$（'text'）

和

$（'text'）

。

如果这是延迟事件绑定的结果，请尝试通过

on（）

函数使用jQuery的事件委托。这将改变您现有的

$(document).ready(function(){

  $("#text").click(function(){
    alert("Text Clicked");
  });

});

进入

同时，我建议您修改模板，使

标记位于

标记中

<!DOCTYPE html>
<html>

  <head>

    <title>APP TITLE</title>
    <link href = "/path/to/css" rel = "stylesheet" >
    <script type = "text/javascript" src = "{% static "js/jquery.js" %}"></script>

  </head>

  <body>
    <p id = "text">Click To Hide</p>
  </body>

</html>


应用程序标题
单击可隐藏

此代码将起作用

$(document).ready(function(){
   $("#text").on('click',function(){
      alert("Clicked");
   }); 
});

$（“#文本”）单击（函数（）{

您缺少一个点

。如果这是一个打字错误，请确保加载了

#text

。为什么要在

div

标记中嵌入脚本？另外，是否有任何错误？请尝试firebug查找。@Mohammad Yaseen.dot本来就在那里，因此没有问题。我使用Chrome Inspector，而.js文件是loa这就是为什么（1）test.ls有效。我在示例中使用标记，因为我在实际项目中就是这样使用的。没有错误。你确定问题不在渲染代码中吗？我的意思是

渲染到\u resonse

？不，模板工作得很好可能重复谢谢。在x-mas期间，我搜索解决方案，然后看到了答案。我不知道为什么这会更好。我现在唯一的问题是，我真正想做的是在鼠标上方隐藏/显示，尽管$（'object'）在for循环中，jquery只在第一次打印时工作。我知道这很混乱。我可能会问一个问题。

$(document).ready(function(){
   $("#text").on('click',function(){
      alert("Clicked");
   }); 
});