jQuery Waypoints .sticky方法

Question

因此，我已经完成了初始化jquery waypoints-sticky插件应该做的所有事情，但是它不起作用：包含了jquery，waypoints和waypoints-sticky，并调用了该函数：

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

但是，控制台读取（“ sticky方法在jQuery Waypoint中不存在。”）：

我可能会丢失什么？ 网上没有任何东西给我任何想法。 感谢您的输入！

Answer 1

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

首先，在主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');
});