jQuery Mobile verhindert Browser neu laden

Question

I-Daten auf der Seite in Ajax hinzugefügt und dann wechselte ich auf die Seite $.mobile.changePage('#postDetails', { transition: "slide" }) aber dann, wenn ich den Browser alle Inhalte aktualisiere ich mit dem Ajax hinzugefügt ist dort nicht mehr.

Answer 1

Auffrischen eine Seite wird Ajax Daten entfernen, um dieses Problem zu beheben müssen Sie Ihren Ajax-Aufruf innerhalb pageshow Event hinzufügen wie folgt

$(document).on("pageshow","#postDetails",function(){ 
$.ajax({ 
    url: postDetailsUrl, 
    type: "post", 
    data: {id: id}, 
    beforeSend: function() { 
     $.mobile.loading("show"); 
    }, 
    complete: function() { 
     $.mobile.loading("hide"); 
    }, 
    success: function (data) { 
     $('#commentList').html(data); 
     $('#commentsNum').text($('#commentList .comment').length); 
     initCommentPage();    
    }, 
    error: function (requestObject, error, errorThrown) { 
     alert("Error in communication"); 
    } 
}); 
}) 

jetzt dieser Ajax-Request ist in pageshow Ereignisse so wird jedes Mal popstDetails Seite gezeigt Es wird einen AJAX-Aufruf an postDetailsUrl vornehmen und die Daten im Element commentList anzeigen.

mehr über Seite Ereignisse sehen gajotres blog