Jquery Mobile macht Probleme mit Image Slider bxSlider

Question

Ich brauche deine Hilfe. Ich habe die folgende Seite http://mobile.mmkonzerte.de/ und auf dieser Seite benutze ich jQuery Mobile und als Slider bxSlider. Die Seite selbst läuft gut. Aber wenn ich von einer Seite zur anderen slider zeige die Slider-Show zuerst für 1-2 Sekunden alle Bilder ohne CSS-Format.

Irgendeine Idee, warum dies geschieht?

Zweitens, wenn ich auf die Schaltfläche Browser zurück klicke, wird der Slider nicht mehr angezeigt und stattdessen einige Aufzählungszeichen.

Irgendeine Idee auch in diesem Fall?

Thansk Mark

Answer 1

Ich denke, Sie sollten pagebeforeshow Ereignis und neu initialisieren es in Seite Show-Event

hier ist der Code für pagebeforeshow die Seite Schieber in Seite zu zerstören.

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

jetzt in pageshow Ereignis initialisieren es so

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