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

但我一直收到错误：

Waypoint.Sticky不是构造函数

我做错了什么？

Answer 1

找不到类构造函数。听起来好像一个或两个js文件没有正确加载。

当您使用new运算符实例化一个类时，它会查找用户定义或内置对象，并在关键字new之后使用构造函数名称。

示例：

var animal = new dog()

这将查看狗构造函数的所有当前加载的脚本，如果没有找到，将返回不是构造函数错误。由于我们知道在js文件中找到了航点和粘滞点的构造函数，因此它可以说明它们没有被加载。仔细检查jquery.waypoints.min.js和sticky.min.js的路径是否正确。此外，通过浏览器控制台验证它们实际上是否正被加载和/或未被其他东西禁用。

Answer 2

我最终重新编码了我的页面，只使用了jquery航点功能：

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

          }
      });

Answer 3

您使用的是Waypoint的jQuery版本吗？如果是这样，你在哪里调用jQuery？

下载时会包含几个版本的Waypoints插件：jQuery，Zepto和＆＃34; noframework＆＃34;。如果你没有使用jQuery，那么你想确保你正在调用＆＃34; noframework＆＃34;文件：

noframework.waypoints.js

但是，如果您正在使用jQuery版本，正如您在问题中所述，我想确保您正在调用jQuery，如果是，那么在哪里。这可以帮助缩小问题范围。

waypoints粘滞不初始化

3 个答案: