Запутался в том, как использовать новую версию Waypoints с или без jQuery

Question

Я пытаюсь использовать Waypoints 3 с или без jQuery, и я не могу заставить ни один из них работать. Документация не очень полезна, поскольку в ней упоминаются адаптеры и расширения, но не говорится, какие из них загружать и загружать ли их до или после основного файла waypoint.js.

Я хотел бы пойти по пути JQuery.

Вот что у меня сейчас...

<script type="text/javascript" src="js/jquery-zepto-fn-extension.js"></script>
<script type="text/javascript" src="js/jquery-waypoints-adapter.js"></script>
<script type="text/javascript" src="js/waypoints.js"></script>

В файле main.js у меня есть...

var waypoints = $('p.number').waypoint(function(direction) {
    console.log("I'm 25% from the top");
}, {
    offset: '25%'
});

И, конечно, HTML это просто...

<p class="number">100</p>

Это приводит к следующим ошибкам...

JQuery-путевые точки-adapter.js

Uncaught TypeError: Cannot read property 'adapters' of undefined

JQuery-зепто-Fn-extension.js

Uncaught TypeError: undefined is not a function 

Answer 1

Похоже, вы пытаетесь использовать все исходные файлы для загрузки библиотеки. Это не обязательно. lib Каталог содержит однофайловые сборки для jQuery, Zepto и без фреймворка.

Вы используете JQuery?

<script src="/path/to/jquery.js"></script>
<script src="/path/to/jquery.waypoints.js"></script>

Вы используете Zepto?

<script src="/path/to/zepto.js"></script>
<script src="/path/to/zepto.waypoints.js"></script>

Вы не используете ни один из них?

<script src="/path/to/noframework.waypoints.js"></script>