Question

我试图在有或没有jQuery的情况下使用Waypoint 3，但我无法让任何一个工作。文档并不是非常有用，因为它提到了适配器和扩展，但没有说明要加载哪些文件以及是否在主要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>

混淆了如何在有或没有jQuery的情况下使用Waypoint的新版本

1 个答案: