我整天都在 Bootply 沙箱中工作,在将相同的代码移动到实时服务器时遇到了问题。
沙箱在这里,词缀工作正常: http://www.bootply.com/wu2vXxkt5o#
在实时版本上我得到错误并且它拒绝加载元素(三个图像)
TypeError: $(...).affix is not a function
http://nathan97.com是实时站点。
有问题的代码:
/* activate sidebar */
$('#sidebar').affix({
offset: {
top: 235
}
});
最佳答案
先把cover.js
放在affix.js
之后,否则找不到词缀函数。
其次,head
部分中的脚本在 body
元素呈现之前被调用,因此 $('#sidebar')
不会被渲染成立。将您的函数包装在 $(document).ready
中,以便在主体完成渲染后调用代码。
正确的顺序
<script type="jquery.js"></script>
<script src="cover.js"></script>
<script src="affix.js"></script>
封面.js
$(document).ready(function() {
$('#sidebar').affix({
offset: {
top: 235
}
});
// ...
});
关于Javascript Affix 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32575642/