Question

我一直在查看我正在处理的网站的控制台错误，并注意到我不理解的内容：

TypeError：$（...）。waypoint不是函数

$（＆＃39; .stick-header＆＃39;）。waypoint（＆＃39; sticky＆＃39;，{

我读到这可能是由于JQuery被加载两次而引起的。我加载JQuery的行是这样的：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"> </script>

同样，更多的阅读建议我不应该加载最新版本，所以我更换了最新的＆＃39; JQuery打电话给我（来自https://developers.google.com/speed/libraries/?hl=en）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

现在我收到两个错误，页面底部的旋转木马不再加载。

TypeError：$（...）。waypoint不是函数

$（＆＃39; .stick-header＆＃39;）。waypoint（＆＃39; sticky＆＃39;，{

TypeError：a.replace不是函数

... b））：c（a））}，camelCase：function（a）{return＆gt; a.replace（p，＆＃34; ms - ＆＃34;）。replace q，r）}，nodeNam ...

新错误来自jquery.min.js。任何人都可以解释可能导致其中一个或两个的原因吗？

正在加载的脚本的顺序：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type='text/javascript' src="js/menu-script.js"></script>
<script type='text/javascript' src='js/custom.js?ver=10.2.4'></script>
<script type='text/javascript' src='js/jquery.carouFredSel-6.2.1-packed.js?ver=10.2.4'></script>

Answer 1

多个jQuery加载删除了jQuery和它们之间的第三方连接。你需要删除第二个。

Answer 2

Waypoint不是一个jquery功能，但它是一个独立的库，你必须在加载jquery后加载（请在页面中只有一次！）。加载jquery后，您可以执行以下操作：

<script src="/path/to/waypoint"></script>

然后你可以使用它的功能。

您看到的错误是由jQuery引发的，但是当它发现.waypoint(它不知道时，它会理解该怎么做。

关于“最新”jquery的观点，最好使用稳定版本来保持代码的稳定性和可靠性。这就是为什么你找到了这个建议

JQuery似乎没有正确加载并导致错误？

2 个答案: