Modernizr.load()/yepnope: Ошибка при загрузке JQuery перед плагинами JS
Я использую Modernizr для загрузки всех моих скриптов JS и CSS в определенном порядке с функциями обратного вызова для управления зависимостями. Но я сталкиваюсь с проблемой загрузки Bootstrap, которая нуждается в JQuery. У меня 3 уровня загрузки:
1) JQuery lib
2) скрипты, использующие JQuery, но не нуждающиеся в загрузке документа
3) скрипты, использующие JQuery и нуждающиеся в загруженном документе
Я получаю следующую ошибку в Firbug: TypeError: l не является функцией bootstrap.min.js (ligne 4)
Похоже, что JQuery не успевает загрузить до Bootstrap.
У кого-нибудь есть идея, пожалуйста? (чтобы решить эту проблему или найти другое решение, чтобы сделать то же самое) Спасибо за вашу помощь.
Код в голове:
<script type="text/javascript" src="js/modernizr-2.6.1.min.js"></script>
<script type="text/javascript">
Modernizr.load([{
load: 'http://code.jquery.com/jquery-1.10.2.min.js',
complete: function(){
Modernizr.load([
//scripts using JQuery but not needing that the document is loaded
'bootstrap/js/bootstrap.min.js',
'js/plugins/respond/respond.min.js',
'js/plugins/jquery-ui/jquery-ui-1.8.23.custom.min.js',
'js/plugins/easing/jquery.easing.1.3.js',
'js/plugins/parallax/js/jquery.stellar.min.js'
]);
$(function(){
//scripts using JQuery AND needing document loaded
Modernizr.load([
{
test : Modernizr.touch,
yep : 'js/plugins/toucheeffect/toucheffects.js'
},{
test : $('.camera_wrap').length,
yep : {
'js':'js/plugins/camera/camera.min.js',
'css':'js/plugins/camera/css/camera.css'
},
complete : {
'js': function(){
$('.camera_wrap').camera();
console.log("plugin loaded!");
}
}
}
]);
});
}
}]);
</script>
Предупреждение [EDIT] (jQuery) в начале первой функции обратного вызова в порядке, поэтому я не понимаю, почему Bootrstarp работает неправильно...