So führen Sie JavaScript aus, nachdem eine Seite mit jQuery Mobile umgestellt wurde

8

Wenn eine Seite einen Übergang zu einem anderen macht (und% stuff% co_de verwendet), lädt diese zweite Seite kein JavaScript. Wie kann ich JavaScript ausführen, wenn eine Seite geladen wird (wenn diese von einem Übergang von ihrem Elternteil "kommt")?

Ich habe page1.html mit einem Link zu page2.html. Diese Seite2 lädt mit einem Übergang (Folie-Effekt standardmäßig).

In page2.html wird kein JavaScript ausgeführt. Ich habe es mit einem einfachen

versucht %Vor%

funktioniert aber nicht. Ich habe versucht mit vielen location.hash , document.ready , bind , live , oncreate und so weiter.

    
FlamingMoe 16.03.2011, 22:47
quelle

6 Antworten

9

Sie könnten eine Rückruffunktion verwenden. Nach der Animation rufen Sie eine Funktion auf.

in jQuery:

%Vor%

Wenn Sie Webkit-Übergänge verwenden:

%Vor%

Und wenn Sie jQuery Mobile verwenden, können Sie die Ereignislistener 'pageshow' und 'pagehide' verwenden:

Ссылка

%Vor%     
DA. 17.03.2011 01:28
quelle
9

Grundsätzlich in Jquerymobile, wenn Sie eine Seite nur den Inhalt innerhalb

übergehen %Vor%

wird so effektiv geändert alle Ihre Skripte und alles, was Sie in

enthalten haben %Vor%

Tags werden nicht geladen.

Um dies zu lösen, müssen Sie Ihr Skript wie folgt in die Seite einfügen:

%Vor%

Danke, Dinesh Parne

    
Dinesh Reddy Parne 25.06.2012 16:55
quelle
3

Auch dieses Thema scheint hier hervorgehoben zu sein: jquerymobile - enthält .js und .html

Ich hatte Erfolg, weil ich ALLE JavaScript-Dateien auf der allerersten Seite gefunden und eingefügt habe. Für jede verlinkte Seite habe ich den Code in einen Block wie diesen gehüllt:

%Vor%

Und natürlich muss jedes Dokument den üblichen Container mit der entsprechenden ID enthalten:

%Vor%     
ChristoKiwi 01.03.2012 21:52
quelle
0

Es gibt zwei Möglichkeiten, dies zu tun 1.) Fügen Sie alle Skriptdateien auf der allerersten Seite hinzu 2.) Immer wenn eine neue Seite aufgerufen wird, benutzt du einen Link (zB <a href="#demo" rel="external">Next Page</a> ) Wenn Sie dies tun, dann wird die nächste Seite ihren Header-Abschnitt

ausführen

Aber die erste 1 ist in den meisten Fällen die beste

    
Blu 27.05.2013 06:17
quelle
0

Problem mit rel="external" ist, dass JQuery Mobile Seitenübergänge nicht funktionieren ....

    
Scotsman 09.05.2015 14:04
quelle
0

Ich hatte ein ähnliches Problem, wenn Sie das Tag für den Übergang verwenden. Versuchen Sie, das Attribut target="_self" hinzuzufügen. Es hat irgendwie für mich funktioniert.

    
Nisarg 12.04.2017 05:56
quelle

Tags und Links