Question

所以我最近将我的文件从一台服务器转移到另一台服务器。出于某种原因对新的服务器我在网络选项卡下的chrome中遇到奇怪的错误，例如：未捕获的ReferenceError：未定义jQuery 未捕获的ReferenceError：未定义autoResize

有些网页甚至停止了工作！我正在搞乱脚本链接的顺序。这是我目前的订单：

<script type="text/javascript" src="assets/assetsz/js/modernizr.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/jquery.cookie.js"></script>
<script type="text/javascript" src="assets/assetsz/js/jquery.uniform.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/flot/jquery.flot.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/flot/jquery.flot.resize.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/responsive-tables.js"></script>
<script type="text/javascript" src="assets/assetsz/js/custom.js"></script>
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<script type="text/javascript" src="assets/assetsz/js/jquery-ui.min.js"></script>

<script type="text/javascript" src="assets/assetsz/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/page-manager.js"></script>
<script type="text/javascript" src="js/tools.js"></script>
<script src='https://coinbase.com/assets/button.js' type='text/javascript'></script>

我该如何订购，有没有办法让订单无关紧要？谢谢，我不知道该搜索什么，所以我被卡住了。

编辑：新订单。减少错误。 http://prntscr.com/3y98gt

<!---JQuery/Javascript-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/modernizr.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/jquery.cookie.js"></script>
<script type="text/javascript" src="assets/assetsz/js/jquery.uniform.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/flot/jquery.flot.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/flot/jquery.flot.resize.min.js"></script>
<script type="text/javascript" src="assets/assetsz/js/responsive-tables.js"></script>
<script type="text/javascript" src="assets/assetsz/js/custom.js"></script>
<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<script type="text/javascript" src="js/page-manager.js"></script>
<script type="text/javascript" src="js/tools.js"></script>
<script src='https://coinbase.com/assets/button.js' type='text/javascript'></script>

Answer 1

第一名：JQuery
第二名：JQuery Migrate
第三名：JQuery UI
第四名：Bootstrap

休息顺序不太重要，但注意在script标签加载之前不要调用函数，eso

另一个建议：单独的CSS和JS文件。混合所有东西是个坏主意。

另请注意：出于性能原因，最好在页面末尾加载JS。但CSS必须在head部分进行。

Answer 2

对于初学者来说，每个使用jQuery的脚本都应该在你的jQuery包含之后加载。因此，将jquery-1.11.1.min.js放在最上面应该是一个快速修复。

我的Javascript应该在什么顺序？

2 个答案: