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');
});