Bxslider, частичная обратная передача и слайдер, сброс ширины слайдера

Мой bxslider работает, однако, когда я пытаюсь запустить его после а) панели обновлений или б) вызова jquery ajax, ширина сбрасывается до 100 пикселей, а не ширина моего внешнего div, которая составляет 960 пикселей. Это происходит после некоторой базовой анимации, например, slideToggle или show. Вот мой код

 <script type="text/javascript">
    function pageLoad(sender, args) {
        if (args.get_isPartialLoad()) {
            var eventSlider = $("#season-slider").bxSlider();

        $(".event-list li a").click(function() {
            //var eventID = $(this).
            var selectedIndex = $(this).closest("li").index();

            $('html, body').animate({ scrollTop: 0 }, 'slow',
            function() {
                eventSlider.goToSlide(selectedIndex - 1);
            });

            //eventSlider.reloadShow();
        });

        $(".down-slide-panel").stop(true, true).slideToggle('slow', "easeOutQuart", function () {});
        }
        else {

        }
    }
</script>

Его ширина была сброшена до 100 пикселей, когда я делаю бит slideToggle, если я не использую slideToggle, он работает нормально. Поэтому я попытался изменить слайдер на show() и столкнулся с той же проблемой. Почему эти анимации сбрасывают ширину до 100 пикселей?

Странно то, что это происходит только в Chrome, Firefox и IE9, а не в IE7 или IE8!


jquery ajax webforms slidetoggle bxslider
person User101    schedule 24.09.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Нашел ответ здесь, хотя это немного другая проблема, поскольку они использовали .show(), но такое же решение для slideToggle()

bxSlider внутри показать/скрыть div

Простое выполнение нижеследующего после того, как slideToggle() заставило его работать во всех браузерах.

eventSlider.reloadShow();
person User101    schedule 24.09.2012