2015-01-29 18 views
6

Ich bin ein jquery mobilen App zu entwickeln, die in eine div externe Seiten laden, indem Sie Klick auf eine Link,Externe Seite verschwindet auf Refresh - jQuery Mobile

die externen Seiten i in dem div rufe Links zu tun haben zu anderen Seiten auch.

, wenn ich zu anderen Seiten auf diese Links klicken und i verwenden, um die Back-Link ("javascript:history.back()") über

zur vorherigen Seite zu kommen, die die äußere Seite hatte, die externe Seite disappers es sei denn, ich auf den Link Sie klicken, dass der Anruf externe Seite zum Laden

die Seite erneut. Ich dachte, wenn dies wahrscheinlich ein Skript wäre, das die geladene Seite zwischenspeichern könnte, wenn ich die ("javascript:history.back()") wieder zurück zu verwenden, finde ich die Seite dort.

hier das Skript, das ich verwende die externe Seite zu laden:

$(document).ready(function() { 
    $('.newsclick').on('click', function(event) { 
     $('#headline_container').load('news/headlines.asp'); 

    }); 
}); 

HTML

<div data-role="page" id="news"> 
    <div data-role="header"> 
    <h1>News</h1> 
    </div> 
    <div id="headline_container" data-role="content">Content</div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 

Antwort

8

Externe Seiten von DOM entfernt werden, wenn Sie zu einer anderen Seite navigieren. Wenn Sie externe Seiten zwischengespeichert behalten möchten, fügen Sie data-dom-cache="true" zur Seite div. Hinzu.

<div data-role="page" id="news" data-dom-cache="true">