Как загружать Javascript в body?

Question

[MikkiMouse]

Добрый день, в шапке сайта следующий код:

<script type='text/javascript' src='WORDPRESS_SITE/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script>
<script type='text/javascript' src='WORDPRESS_SITE/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>

Далее на страничке код слайдера картинок:

<div class="articles">
    <ul id="articles">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>

На этом моменте все хорошо, слайдер загружается и работает.

Я пытаюсь перенести код подключения JS скриптов из в (для прохождения теста скорости загрузки странички на https://developers.google.com/speed/pagespeed/insights/), но тогда слайдер не загружается (верстка "плывет"), если обновить страничку (F5) он работает, но не всегда.

Видимо слайдер загружается быстрее JS файлов и поэтому не работает, можно ли как-то сделать чтобы после загрузки JS, слайдер как-то обновлялся? Что-то в духе if(loaded) html_update('articles');

Можно ли решить проблему?

Answer 1

[xmoonlight]

в скриптах "оберните" основной JS-код: $('document').ready(function(){});

Comments

[MikkiMouse]

В скрипте код такой:

(function($) {
$(function() {
...
var articles = $('#articles');
if ( articles.length ) {
articles.bxSlider({
controls: true,
prevText: '',
nextText: '',
pager: false,
minSlides: 1,
maxSlides: 3,
moveSlides: 1,
slideWidth: 205,
slideMargin: 15
});
}
...
});
})(jQuery);

Я попробовал добавить в начало
(function($) {
$('document').ready(function() {
...

и непосредственно в функции
(function($) {
$(function() {
...
$('document').ready(function(){
var articles = $('#articles');
if ( articles.length ) {
articles.bxSlider({
controls: true,
prevText: '',
nextText: '',
pager: false,
minSlides: 1,
maxSlides: 3,
moveSlides: 1,
slideWidth: 205,
slideMargin: 15
});
}
});
...
});
})(jQuery);

В обоих вариантах не вышло, я правильно "обернул"?)

[xmoonlight]

нет.
надо в самое начало скрипта:
$('document').ready(function() {
//Ваш код
$(function() {
//Ваш код
});
//Ваш код
});