好的,我确定这是一个简单的问题,但是我把头发拉了出来。
我试图在我的网页上粘贴元素.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不是构造函数
我做错了什么?
答案 0 :(得分:0)
找不到类构造函数。听起来好像一个或两个js文件没有正确加载。
当您使用new运算符实例化一个类时,它会查找用户定义或内置对象,并在关键字new之后使用构造函数名称。
示例:
var animal = new dog()
这将查看狗构造函数的所有当前加载的脚本,如果没有找到,将返回不是构造函数错误。由于我们知道在js文件中找到了航点和粘滞点的构造函数,因此它可以说明它们没有被加载。仔细检查jquery.waypoints.min.js和sticky.min.js的路径是否正确。此外,通过浏览器控制台验证它们实际上是否正被加载和/或未被其他东西禁用。
答案 1 :(得分:0)
我最终重新编码了我的页面,只使用了jquery航点功能:
$('#screen2').waypoint(function(direction) {
if (direction == 'down') {
$('.freeze_column').css({'position':'fixed'});
}
if (direction == 'up') {
$('.freeze_column').css({'position':'absolute'});
}
});
答案 2 :(得分:-2)
您使用的是Waypoint的jQuery版本吗?如果是这样,你在哪里调用jQuery?
下载时会包含几个版本的Waypoints插件:jQuery,Zepto和&#34; noframework&#34;。如果你没有使用jQuery,那么你想确保你正在调用&#34; noframework&#34;文件:
noframework.waypoints.js
但是,如果您正在使用jQuery版本,正如您在问题中所述,我想确保您正在调用jQuery,如果是,那么在哪里。这可以帮助缩小问题范围。