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> 

cover.js

$(document).ready(function() { 

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

    // ... 

});