Javascript Affix 不是函数

Question

我整天都在 Bootply 沙箱中工作，在将相同的代码移动到实时服务器时遇到了问题。

沙箱在这里，词缀工作正常: http://www.bootply.com/wu2vXxkt5o#

在实时版本上我得到错误并且它拒绝加载元素(三个图像)

TypeError: $(...).affix is not a function

http://nathan97.com是实时站点。

有问题的代码:

/* activate sidebar */
$('#sidebar').affix({
  offset: {
    top: 235
  }
});

Answer 1

先把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
      }
    });

   // ...

});