waypoints sticky not initializing

Question

Хорошо, я уверен, что это простая проблема, но я вытягиваю свои волосы.

Я пытаюсь сделать элемент .subheads_wrapper липким на моей странице.

Я установил последние файлы путевых точек в Inetpub \ wwwroot \ includes \ waypoints-master.

Моя страница в Inetpub\wwwroot\mypage\index.php

В заголовке, я приложил соответствующие файлы, я думаю:

<script src="../includes/waypoints-master/lib/jquery.waypoints.min.js"></script> 
<script src="../includes/waypoints-master/lib/shortcuts/sticky.min.js"></script> 

CSS:

.stuck { 
    position:fixed; 
    top:0; 
} 

JQuery:

var sticky = new Waypoint.Sticky({ 
    element: $('.subheads_wrapper')[0] 
}); 

Но я ке ep получение ошибки:

Waypoint.Sticky is not a constructor

Что я делаю неправильно?

Answer 1

Вы используете версию путевых точек jQuery? Если да, то где вы вызываете jQuery?

Существует несколько версий плагина Waypoints, которые включены при загрузке: jQuery, Zepto и «noframework». Если вы не используете JQuery, то вы хотите, чтобы убедиться, что вы звоните файл «noframework»:

noframework.waypoints.js 

Однако, если вы используете версию JQuery, как вы заявили в вашем вопросе, я хочу убедитесь, что вы вызываете jQuery, и если да, то где. Это может помочь уменьшить проблему.

Answer 2

Конструктор классов не найден. Похоже, что один или оба js-файла не загружаются должным образом.

Когда вы создаете экземпляр класса с помощью нового оператора, он ищет определенный пользователем или встроенный объект с именем конструктора, следующим за ключевым словом new.

Пример:

var animal = new dog() 

Это будет выглядеть через все загруженные сценарии для конструктора собаки и возвращает не ошибку конструктора, если ничего не найдено. Поскольку мы знаем, что конструкторы для путевых точек и stickys находятся в файлах js, то разумно, что они не загружаются. Дважды проверьте пути к jquery.waypoints.min.js и sticky.min.js верны. Кроме того, проверьте через консоль своего браузера, что они фактически загружаются и/или не отключены чем-то другим.

Answer 3

Я в конечном итоге перекодировки моей страницы и просто с помощью функции путевой Jquery:

$('#screen2').waypoint(function(direction) { 
      if (direction == 'down') { 
      $('.freeze_column').css({'position':'fixed'}); 
      } 
      if (direction == 'up') { 
      $('.freeze_column').css({'position':'absolute'}); 

      } 
     });