Javascript Jquery航路点。粘性方法

为了初始化jquery waypoints sticky插件，我做了所有应该做的事情，但它不起作用：包括jquery、waypoints和waypoints sticky，并调用了函数：

但是，控制台读取（“jQuery航路点中不存在粘性方法”）：

---

我可能会错过什么？网上什么也没有给我任何想法。谢谢你的意见

确保在代码执行之前加载了所有内容。尝试将代码包装在$（document）.ready（）调用中，如下所示：

$(document).ready(function () {
    $('.my-element').waypoint('sticky');
});

同等地，稍微简洁一些：

$(function () {
    $('.my-element').waypoint('sticky');
});

---

此快捷方式需要jQuery生成航路点

首先，在主航路点脚本之后包括快捷方式脚本

<script src="/path/to/lib/jquery.waypoints.min.js"></script>
<script src="/path/to/shortcuts/sticky.min.js"></script>

var sticky = new Waypoint.Sticky({
  element: $('.basic-sticky-example')[0]
})

var sticky=新航路点。sticky({
元素：$（'.basic sticky example'）[0]
})

---

你看到了吗？

你确定你的代码片段是在加载waypoints sticky文件后运行的吗？嗨@JeffKoch我使用的代码包含在waypoints-sticky.js之后。更新了上面的屏幕截图以进行说明。我可能遗漏了什么？浏览器可能没有完全读取导致另一个加载的航路点文件吗？这完全有可能——请参阅下面的答案，谢谢。但不幸的是，这对我来说仍然不起作用。我应该延迟加载航路点函数吗？问题是我正在使用原型软件并将javascript放入其中。。所有东西都在加载，这就是为什么它不能工作的原因。我使用过其他js插件，没有问题（skrollr等），但最糟糕的是常规航路点工作正常。是否有办法使用常规航路点执行粘性功能？

<script src="/path/to/lib/jquery.waypoints.min.js"></script>
<script src="/path/to/shortcuts/sticky.min.js"></script>

var sticky = new Waypoint.Sticky({
  element: $('.basic-sticky-example')[0]
})