Jquery Waypoints .sticky方法

Question

所以我已经完成了为了初始化jquery waypoints-sticky插件而应该发生的所有事情，但它不起作用：包括jquery，waypoints和waypoints-sticky，并调用了函数：

$('.my-element').waypoint('sticky');

但是，控制台读取（＆＃34;粘滞方法在jQuery Waypoints中不存在。＆＃34;）：

我可能会错过什么？网上什么都没有给我任何想法。感谢您的投入！

Answer 1

此快捷方式需要使用Waypoint的jQuery构建。

首先，在主要Waypoints脚本之后包含快捷方式脚本。

<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]
})

你见过http://imakewebthings.com/waypoints/shortcuts/sticky-elements/吗？

Answer 2

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

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

同等地，稍微简洁一点：

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