Question

对这个东西不熟悉，请耐心等待。我有一个外部的js文件，在我的HTML等中声明.JS代码很好，可以在Fiddle中工作 - https://jsfiddle.net/0hu4fs4y/

<script src="js/noti.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/scripts.js"></script>

但是，它不起作用。我运行的是旧的JQuery库吗？

我是否缺少愚蠢/明显的东西？

Answer 1

两件事：

我猜测noti.js依赖于jQuery。如果是这样，那么应该包含jQuery的脚本标记（可能是你的scripts.js）。
确保这些脚本标记位于HTML的 end ，就在结束</body>元素之前，以便在脚本运行时它们所处理的元素存在。

您的代码在小提琴中起作用，因为您已直接粘贴代码并使用jsFiddle（令人费解的令人惊讶的）默认值，等待运行代码直到window {{1事件运行，这在页面加载过程中非常非常晚。如果您是初学者，您可能已经看到了将load标记放入script并在您的内容中完成的反模式，这意味着您的元素不会代码运行时存在，因为解析器还没有看到它们。

Answer 2

jsfiddle的控制台错误是：

ReferenceError：$未定义

这可能是因为noti.js正在使用jquery 将jquery脚本放在所有其他script

之上

在HTML中运行外部Javascript

2 个答案: