Fatal编程技术网
  • javascript/
  • Javascript 外部JS/jQuery文件正在加载但未执行

Javascript 外部JS/jQuery文件正在加载但未执行

javascript jquery html css flask

Javascript 外部JS/jQuery文件正在加载但未执行,javascript,jquery,html,css,flask,Javascript,Jquery,Html,Css,Flask,我正在加载下面的所有库和文件，但由于某些原因，只有CSS正在执行，没有外部js文件。js文件保存了我所有的jQuery，并且似乎格式正确。我不确定为什么CSS会执行，但jQuery不会 在chrome开发工具中，下面的所有内容都已加载 <head> <!DOCTYPE html> <meta charset=utf-8 /> <link rel="stylesheet" href="{{ url_for('static', fil

我正在加载下面的所有库和文件，但由于某些原因，只有CSS正在执行，没有外部js文件。js文件保存了我所有的jQuery，并且似乎格式正确。我不确定为什么CSS会执行，但jQuery不会

在chrome开发工具中，下面的所有内容都已加载

<head>
    <!DOCTYPE html>
    <meta charset=utf-8 />
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/spectrum.css') }}">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='scripts/spectrum.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='scripts/scripts.js') }}"></script>
</head>
尝试下面的方法，不以jquery加载方式声明
type=“text/javascript”
也可能是一个问题

<head>
    <!DOCTYPE html>
    <meta charset=utf-8 />
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/spectrum.css') }}">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript" src="scripts/spectrum.js"></script>
    <script type="text/javascript" src="scripts/scripts.js"></script>
</head>
您需要将代码放入JQuery的Dom就绪函数中的script.js中，如下所示

$(document).ready(function(){
    // Your code here
});
有关更多信息，

是否正在评估“{{”…}}”的内容？您的服务器/模板引擎是否可能没有替换其中的内容？您的doctype声明位置错误，应该在其他所有内容之前，您是否可以显示实际的渲染输出，如果这是渲染输出，然后，正如Michael所说，您的模板没有正确呈现。@MichaelAaronSafyan是的，这是flask模板，它工作正常，因为所有内容都加载到了开发工具中。您的js代码是否在domready函数中运行？比如
jQuery（document）.ready（Function（）{}）@PatrickEvans不，不是。我应该把我所有的jquery都打包在你发布的内容中吗？

$(document).ready(function(){
    // Your code here
});