Question

我有一个flask应用程序，该应用程序呈现一个包含jquery代码的html模板：

<script type=text/javascript src="{{ url_for('static', filename='jquery- 
 3.3.1.min.js') }}">
 console.log("hi yah")
  $(document).ready(function() {
    $.ajax({url: "http://localhost/check", success: function(result){
      $("#div1").html(result);
    }});
  });
</script>

但是，无论我如何在html中包含jquery，都不会执行该代码。但是，当我检查google chrome网络标签时，可以看到jquery已加载。

此作品有效：

<script>
console.log("Hello World")
</script>

如果我运行以下代码：

<script>
console.log("hi yah")
$(document).ready(function() {
  $.ajax({url: "http://localhost/check", success: function(result){
    $("#div1").html(result);
  }});
 });
</script>

我收到此错误：

未捕获的ReferenceError：未定义$ 在（index）：37

Answer 1

尝试分离您的<script>标签。有一个<script>来获取jQuery代码，另一个用于您自己的JavaScript代码，如下所示：

<script type="text/javascript" src="{{ url_for('static', filename='jquery-3.3.1.min.js') }}"></script>
<script>  
  $(document).ready(function() {
    $.ajax({url: "http://localhost/check", success: function(result){
      $("#div1").html(result);
    }});
  });
</script>

如果这不起作用，则您获取jQuery文件的文件路径无效，在这种情况下，您可以执行以下操作： <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>

此外，请确保在脚本类型周围加上引号：type="text/javascript"

jQuery代码虽然已加载，但未执行

1 个答案: