jQuery Mobile "pagebeforechange" ser llamado dos veces

Question

Tengo el siguiente oyente establecido de "pagebeforechange" (muy similar al código propio de la documentación de jQuery Mobile) y un enlace en la página principal que está llamando 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(); 
      } 
     } 
    } 
}); 

Cuando abro la consola JavaScript y haga clic en el enlace que estoy viendo lo siguiente:

showProduct being called. 
showProduct being called. 

me parece que no puede encontrar nada acerca de por qué sería conseguir llama dos veces. He visto otros errores donde vclicks se registran dos veces debido a un clic de borde, pero esto no tiene ningún sentido ya que se basa en el cambio de página real.

Answer 1

Ya que estás unión a la $ (document) y el uso de un diseño de múltiples páginas

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

Creo JQM está cargando el documento varias veces (sólo una corazonada)

cambiar al uso de la pageId lugar, ejemplo:

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

a

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

Answer 2

Tal vez un poco tarde, pero aquí está mi conjetura:

Cualquier evento pagechange desencadena dos transiciones, una "hacia adelante" (pagechange) y un "retroceso" (hashchange). Si avanza, el hashChange está bloqueado, si retrocede, es al revés.

Mire en el código fuente jqm y marque la propiedad ignoreNextHashChange.

Esto es responsable de bloquear el hashChange en las transiciones hacia adelante, de lo contrario, usted estaría yendo y viniendo.

Supongo que su función se activa dos veces, porque ambos eventos se desencadenan desde dentro de changePage y hashChange.

Si ese fuera el caso, JQM tendría que bloquear el hashChange rountine antes de activar este evento.

Answer 3

Se llama dos veces por diseño. http://api.jquerymobile.com/pagebeforechange/

si data.toPage se establece en una cadena, el evento indica que la navegación está a punto de comenzar.

si data.toPage se establece en un objeto jQuery, el evento indica que la página de destino se ha cargado.

Answer 4

Si lee la documentación móvil de jquery https://api.jquerymobile.com/pagebeforechange/, dice que se llama dos veces, una vez data.toPage siendo url a la página nueva, la segunda vez data.toPage siendo el objeto jquery de la página nueva.