Метод Jquery Waypoints .sticky

Итак, я сделал все, что должно было произойти, чтобы инициализировать плагин jquery waypoints-sticky, но он не работает: включил jquery, waypoints и waypoints-sticky и вызвал функцию: введите здесь описание изображения введите изображение  описание здесь

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

Однако консоль читает («Метод sticky не существует в путевых точках jQuery».):

введите здесь описание изображения

Что я мог упустить? Ничто онлайн не дает мне никаких идей вообще. Спасибо за ваш вклад!


person Nick B    schedule 15.07.2014    source источник
comment
Вы уверены, что ваш фрагмент кода запускается после загрузки файла waypoints-sticky?   -  person Jeff Koch    schedule 16.07.2014
comment
Привет @JeffKoch, код, который я использую, включен после waypoints-sticky.js. Обновлен скриншот выше, чтобы проиллюстрировать. Что-нибудь, что я мог пропустить? Мог ли браузер не полностью прочитать файл путевых точек, из-за чего другой загружался раньше?   -  person Nick B    schedule 16.07.2014
comment
Вполне возможно - см. ответ ниже   -  person Jeff Koch    schedule 16.07.2014


Ответы (2)


Для этого ярлыка требуется jQuery-сборка Waypoints.

Во-первых, включите скрипт ярлыка после основного скрипта 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/?

person José Willams    schedule 20.07.2017

Убедитесь, что все загружается до выполнения вашего кода. Попробуйте обернуть свой код вызовом $(document).ready(), например так:

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

Эквивалентно и немного более кратко:

$(function () {
    $('.my-element').waypoint('sticky');
});
person Jeff Koch    schedule 15.07.2014
comment
Хорошо спасибо. Но, к сожалению, это все еще не будет работать для меня. Должен ли я поставить задержку на загрузку функции путевой точки? - person Nick B; 16.07.2014
comment
Дело в том, что я использую программное обеспечение для прототипирования и вставляю в него javascript. Все загружается, поэтому странно, что это не сработает. Я без проблем использовал другие плагины js (skrollr и т. д.). - person Nick B; 16.07.2014
comment
Но хуже всего то, что обычные путевые точки работают. Есть ли способ использовать обычные путевые точки для выполнения функции закрепления? - person Nick B; 16.07.2014