Question

我只是检查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') ......

Answer 1

如果它是延迟事件绑定的结果，请尝试通过on()函数使用jQuery的事件委派。这会改变你现有的

$(document).ready(function(){

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

});

进入

$(document).ready(function(){

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

});

与此同时，我建议您修改模板，使<script>代码中的<head>代码变为

<!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>

Answer 2

此代码可以使用。

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

Django JQuery项目不起作用

2 个答案: