Javascript词缀不是函数

Question

我一整天都在做一个Bootply沙箱，在将相同的代码移动到一个活动服务器时遇到了一个问题。

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

在实时版本中，我得到了错误，它拒绝加载元素(这三个图像)

TypeError：$(.).affix不是函数

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>

cover.js

$(document).ready(function() {

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

   // ...

});