Jquery航点.sticky方法

Question

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

​

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

然而，控制台显示(“粘性方法不存在于jQuery路点。”)：

​

​

我可能遗漏了什么？网上没有任何东西能给我任何想法。感谢您的投入！

Answer 1

此快捷方式需要对路点进行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]
})

你看到http://imakewebthings.com/waypoints/shortcuts/sticky-elements/了吗？

Answer 2

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

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

等效地，稍微更简洁一些：

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