Question

我在index.html页面上加载了一个脚本。它依赖于jQuery，bootstrap.js和＆amp; metisMenu.js所有这些都在它之前加载。我无法弄清楚为什么这个脚本没有立即执行。

如果我打开chrome控制台并运行代码，它运行正常，我也没有在控制台中看到任何错误。

的index.html

...
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="bower_components/metisMenu/dist/metisMenu.js"></script>
<script src="scripts/custom/sb-admin.js"></script> //This is the script I'm referring to
</body>

SB-admin.js

$(function() {
    $('#side-menu').metisMenu();
});

我在这里缺少什么？我几乎是肯定的$(function() {...});是jquery中文档准备好的简写，是吗？

Answer 1

此脚本用于nav.html视图和index.html，因为我使用<div ng-include="'views/nav.html'"></div>页面已经技术上加载并执行了我的脚本，即使Angular仍在加载ng-include图。

我将脚本移动到nav.html中，现在看起来工作正常。感谢@zerkms提醒我使用debugger;我应该首先做的事O_o

Answer 2

尝试改为

$(document).ready(function() {

});

- ）

如果您尝试执行 IIFE （请参阅Google）做

(function() {

})();

脚本中的立即功能未被执行

2 个答案: