Jquery Mobileでイメージスライダの問題が発生するbxSlider

Question

私はあなたの助けが必要です。私は次のページhttp://mobile.mmkonzerte.de/を持っています。このページでは、jQuery MobileとSlider bxSliderを使用しています。 ページ自体が正常に動作します。しかし、私が1ページから他のページにジャンプするとき、Sliderは最初にCSSフォーマットのないすべての画像を1〜2秒表示します。

これはなぜ起こりますか？

第2回ブラウザの戻るボタンをクリックすると、スライダはもう表示されず、代わりにいくつかの箇条書きが表示されます。

この場合もご存じですか？

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(); 
}); 

ようにそれを初期化します