Jquery mobile - não carrega meu main.js depois do change page

[rocooliveira 0]

Montei uma pagina utilizando jquery mobile com a função de todos os botãos num arquivo main.js

Divs que quando clicadas eu verifico no js e faço a ação ex:

$( "#mais-op" ).on( "tap", function() {
$.mobile.changePage( "2.html", { transition: "pop"} );
});

Tudo funciona normal até eu fazer o change page pra outra página. Quando to na outra pagina o on tap não rola

como se não tivesse carregado mais o main.js. Porém se eu der reload na pagina tudo volta a funcionar

Como resolvo isso?
Obrigado

[William Bruno 1501]

Use delegate, algo mais ou menos assim:

 

$( "body" ).on( "tap", "#mais-op",function() {

[rocooliveira 0]

A questão não é essa

Esse a pagina2 por ex ta desta forma:

$(document).delegate('#page2', 'pagecreate', function(){
 
$( "#[color=#008800]mais-op[/color]" ).on( "tap", function() {
alert('teste');
}); 
 
console.log('p2');
 
});

E só funciona se eu recarregar ela ou se iniciar direto pelo endereço dela. Se eu mudar da pagina 1 para ela o botão para de funcionar

 

A pagina 1 só tem um change page desta forma

$(document).delegate('#pageIndex', 'pagecreate', function(){
 
$( "#main-content-home .ui-grid-b:eq(0)" ).on( "tap", function() { 
$.mobile.changePage( "2.html", { transition: "pop"} ); 
}); 

$( "#main-content-home .ui-grid-b:eq(1)" ).on( "tap", function() { 
$.mobile.changePage( "3.html", { transition: "pop"} ); 
}); 

});

Na div principal de cada um como pede no jquery mobile tem um data-role="page" e o id correspondente de cada pra verificar no delegate (pageIndex e page2)

[William Bruno 1501]

Mas isso está errado.

 

você faz delegate do evento e não isso:

$(document).delegate('#pageIndex', 'pagecreate', function(){

isso não te ajuda.

 

Qual versão da lib jQuery vc está usando ?

Testou a minha sugestão ?

O que aparece no console de erros ? (Ctrl+Shift+J)

[rocooliveira 0]

A versão mais atual. Baixei ontem no site
Ele funciona apenas quando não venho de outra pagina, quando venho só funciona quando dou reload

e colocando meu "botão" da forma que vc disse
$( "body" ).on( "tap", "#mais-op",function() {
da no mesmo

[William Bruno 1501]

A versão atual não tem o método .delegate(), foi depreciado.

 

E aparece o que no console de erros ?

[rocooliveira 0]

Sem erros.
isso que me deixa doido

[William Bruno 1501]

O seletor css que vc utilizou está correto ?

Como está o teu código agora ?

Verificou o erro, apenas depois de tentar dar o "tap" ? (não vai aparecer antes do tap)

[rocooliveira 0]

Acho que essa é a hora de pedir desculpa por ter tomado o tempo de alguém com um erro tão primario. Mas é que eu tinha colocado varios elementos com id e para funcionar no jquery mobile, como ele monta tudo em uma pagina ele da erro se for montado com id. Passei tudo pra class e ta funcionando normalmente. Desculpe