JQuery на второй клик не работает - мобильный

Question

Перед тем, как сказать, что дублирует от других тем, что я видел, что темы, такие как:

jQuery: trigger click() doesn't work?

jQuery .on Click second time not working

Jquery Onclick not happening second time

one Jquery is not working on the second click

И ничто из этого не помогает. Мой код очень прост:

index.php

/* in body tag */ 

<input type="button" id="page-add" value="Add" data-role="none"/> 

/* after body tag */ 
$(function(){ 
    $("#page-add").click(function(e){ 
     window.location.href = 'add.php'; 
    }); 
}); 

add.php

/* in body tag */ 
<div class="ui-btn-left"><a href="index.php"><img src="images/logo.png"/></a></div> 

Кнопка "page-add" onClick event работает в первый раз, когда я нажимаю <a href> и спиной к index.php, если я снова нажму на той же кнопке, он больше не работает. Я должен обновить страницу, чтобы она снова работала.

Я попытался добавить до window.location.href код e.preventDefault(), но не работал. Я не получаю никаких ошибок на консоли.

Что я делаю неправильно?

Редактировать: Решено.

$(document).on('pagebeforeshow', '#main', function(){  
    $('#page-add').bind('click',function(){ 
     $.mobile.changePage('add.php'); 
    }); 
}); 

Answer 1

Вызов функции с использованием OnClick событие для кнопки попробовать что-то вроде

index.php

/* in body tag */ 

<input type="button" id="page-add" onclick='addFunction();' value="Add" data-role="none"/> 

/* after body tag */ 
function addFunction() { 
     window.location.href = 'add.php'; 
} 

add.php

/* in body tag */ 
<div class="ui-btn-left"><a href="index.php"><img src="images/logo.png"/></a></div> 

Answer 2

Попробуйте JQuery на функция для того же,

$("element").on("click", function() { 
alert("clicked"); 
});