Почему неправильно инициализируется ширина слайдов в bx-слайдере при вызове модального окна bootsrap?

Question

[kiberlain]

сверстал модалку, а в ней разместил три bx-слайдера. С самого начала для собственного удобства вставил в главную js-ку вызов $('#basket_modal').modal('show') чтобы каждый раз не кликать по кнопке чтобы модалка появилась. Потом сделал слайдеры. Всё работает и правильно отображается. И вот как только я выпилил $('#basket_modal').modal('show') неправильно стала считаться ширина слайдов. Она должна быть равна 42

$('#basket_modal').on('show.bs.modal', function () {
        var config = {
            minSlides: 4,
            maxSlides: 4,
            slideWidth: 42,
            slideMargin: 10,
            moveSlides: 1,
            pager: false            
        }

        var slider1 = $('#ps_1').bxSlider(config);
        var slider2 = $('#ps_2').bxSlider(config);
        var slider3 = $('#ps_3').bxSlider(config);
    })

В чём может быть дело?



вот ссылка на рабочий проект salerman.ru/layout/hyperterm/layout/basket
ссылка на main.js salerman.ru/layout/hyperterm/local/templates/saler...