jQuery Mobile „pagebeforechange” miano dwukrotnie

Question

Mam następujący słuchacz skonfigurować dla „pagebeforechange” (bardzo podobny do własnego kodu dokumentacji jQuery Mobile) i link na stronie głównej, że dzwoni http://localhost/#product?id=255979

//Bind Listener for Product Details 
$(document).bind("pagebeforechange", function(e, data) { 
    //Only Run If Site is Initialized 
    if(ajaxSite.options.initialized) { 
     if (typeof data.toPage === "string") { 
      var u = $.mobile.path.parseUrl(data.toPage), 
       pl = /^#product/; 

      if (u.hash.search(pl) !== -1) { 
       console.log("showProduct being called."); 
       ajaxSite.showProduct(u, data.options); 
       e.preventDefault(); 
      } 
     } 
    } 
}); 

Kiedy otworzyć konsolę JavaScript i kliknij link widzę następujące:

showProduct being called. 
showProduct being called. 

ja nie mogę znaleźć nic na temat, dlaczego to nazwać coraz dwukrotnie. Widziałem inne błędy, w których vclicks są rejestrowane dwukrotnie z powodu kliknięcia krawędzi, ale to nie ma sensu, ponieważ polega na faktycznej zmianie strony.

Answer 1

Skoro jesteś wiążące do $ (document) i stosując układ Wielu stronę

• http://jquerymobile.com/demos/1.0/docs/pages/index.html

myślę jQM jest wczytywanie dokumentu wiele razy (po prostu przeczucie)

przełączenie się na IdStrony zamiast przykład:

$(document).bind("pagebeforechange", function(e, data) { ... 

do

$('#pageId').bind("pagebeforechange", function(e, data) { ... 

Answer 2

Może trochę późno, ale tutaj jest mój zgaduje:

Każde wydarzenie pagechange wyzwala dwa przejścia, jeden "do przodu" (pagechange) i jeden "do tyłu" (hashchange). Jeśli przejdziesz dalej, hashChange jest zablokowany, jeśli cofniesz się, jest odwrotnie.

Sprawdź kod źródłowy jqm i sprawdź właściwość ignoreNextHashChange.

ten jest odpowiedzialny za blokowanie hashChange na przemian do przodu, inaczej byłbyś tam iz powrotem.

Chyba twoja funkcja wypalania dwa razy, ponieważ oba zdarzenia są wywoływane zarówno od wewnątrz changePage i hashChange.

Jeśli tak było, JQM musiałaby zablokować rountine hashChange przed wywołaniem tego zdarzenia.

Answer 3

To jest wywoływana dwukrotnie z projektem. http://api.jquerymobile.com/pagebeforechange/

jeśli data.toPage jest ustawiony na ciąg znaków, zdarzenie wskazuje, że nawigacja ma się rozpocząć.

jeśli data.toPage jest ustawiony na obiekt jQuery, zdarzenie wskazuje, że strona docelowa została załadowana.

Answer 4

Jeśli czytasz mobilną dokumentację jquery https://api.jquerymobile.com/pagebeforechange/, to jest ona wywoływana dwa razy, raz data.toPage jest adresem URL do nowej strony, po raz drugi data.toPage jest już obiektem jquery nowej strony.