Seiteninitialisierungs- und Ladeereignisse in jQuery mobile web development_jquery

Seiteninitialisierungsereignisse (pagebeforecreate, pagecreate)
Jquery Mobile initialisiert automatisch einige Plug-Ins basierend auf den erweiterten Konventionen auf der Seite. Wenn Sie beispielsweise einem Eingabefeld das Attribut „type=range“ zuweisen, wird automatisch ein benutzerdefinierter Schieberegler generiert „ Plug-in-Steuerung, die Bereitstellungsereignisse vor und nach der Ausführung bereitstellt, sodass Sie die Seite vor und nach der Initialisierung bedienen können oder sogar selbst Initialisierungsverhalten bereitstellen können, um die automatische Initialisierung zu deaktivieren. Beachten Sie, dass die folgenden Seiteninitialisierungsereignisse nur einmal pro „ ausgelöst werden. page“, genau das Gegenteil des Show/Hide-Ereignisses, jedes Mal, wenn die Seite angezeigt oder ausgeblendet wird

.

Seite vor dem Erstellen: Wenn die Seite initialisiert ist, berühren Sie vor der Initialisierung.

Seite erstellen: Wenn die Seite initialisiert ist, berühren Sie nach der Initialisierung.

$('#aboutPage').live('pagebeforecreate',function(event){
alert('This page was just inserted into the dom!');
});
$('#aboutPage').live('pagecreate',function(event){
alert('This page was just enhanced by Jquery Mobile!');
});

Hinweis: Indem Sie „pagebeforecreate“ binden und dann „false“ zurückgeben, deaktivieren Sie die eigenen Vorgänge des Seiten-Plugins. Stellen Sie außerdem sicher, dass Sie diese Funktionen binden, bevor Jquery Mobile ausgeführt wird, damit sie beim ersten Laden der Seite aufgerufen werden. Sie können sie im mobileinit-Ereignishandler verwenden.

Seitenladeereignisse (pagebeforeload, pageload)
Wenn eine externe Seite in das DOM geladen wird, werden zwei Ereignisse ausgelöst. Das erste ist pagebeforeload und das zweite ist pageload oder pageloadfailed.

Seite vor dem Laden

Wird ausgelöst, bevor die Ladeanforderung ausgegeben wird. Die an dieses Ereignis gebundene Rückruffunktion kann präventDefault() für das Ereignis aufrufen, um anzugeben, dass sie die Ladeanforderung bearbeiten wird. Dazu muss die Rückruffunktion „resolve()“ oder „reject()“ für das Objekt aufrufen, das über das Datenobjekt an die Rückruffunktion übergeben wird. Das über den zweiten Parameter an die Callback-Funktion übergebene Objekt enthält die folgenden Eigenschaften:

• URL (String): die absolute oder relative Adresse, die über den Rückruf
an $.mobile.loadPage() übergeben wird
• absUrl (string): Die absolute Adressversion der URL.
• dataUrl (Zeichenfolge): Die gefilterte Version der absoluten Adresse, die beim Identifizieren der Seite oder Aktualisieren der Browseradresse
verwendet wird
• deferred (object): Die Rückruffunktion, die präventDefault() für dieses Ereignis aufruft, muss für dieses Ereignis
aufgerufen werden
• Mit der Methode „resolve()“ oder „reject()“ kann die Anforderung „changePage()“ wiederhergestellt werden.

Zum Beispiel:

$( document ).bind( "pagebeforeload", function( event, data ){
 //让jqm框架知道由我们来处理load事件.
 event.preventDefault();
 //...加载文档然后插入到DOM中
 //在这个回调中，或者通过其他的异步加载手段中，
 //调用resolve,转入到下面的参数中，加上一个
 //包含有页面dom元素的jquery选择器。
 data.deferred.resolve( data.absUrl, data.options, page );
});

Seitenaufbau

Wird ausgelöst, nachdem die Seite erfolgreich geladen und in das DOM eingefügt wurde. Der an dieses Ereignis gebundenen Callback-Funktion wird als zweiter Parameter ein Datenobjekt übergeben. Dieses Objekt enthält die folgenden Informationen:

• URL (Zeichenfolge): URL.
• absUrl (string): Die absolute Adressversion der URL.