JQuery Mobile создает проблемы с Image Slider bxSlider

Question

Мне нужна ваша помощь. У меня есть следующая страница http://mobile.mmkonzerte.de/, и на этой странице я использую jQuery Mobile и как Slider bxSlider. Сама страница работает хорошо. Но когда я перехожу с одной страницы на другую, Slider показывает сначала на 1-2 секунды все фотографии без формата css.

Любая идея, почему это происходит?

Во-вторых, если я нажму кнопку «Назад в браузере», то слайдер больше не будет показывать, а вместо этого несколько пуль.

Любая идея также в этом случае?

Thansk Марк

Answer 1

Я думаю, вы должны уничтожить ползунок страницы в страницах pagebeforeshow события и повторно инициализировать его в странице шоу события

вот код для pagebeforeshow.

$('#page').on('pagebeforeshow', function() { 
    sliderSelector.destroySlider(); 
    console.log("page before show.") 
}); 

сейчас в случае pageshow инициализировать его, как это

$('#page').on('pageshow', function() { 
    console.log("page is shown"); 
    //now you can initialize slider 
    sliderSelector.bxSlider(); 
});