第二次单击时的 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';   
    });
});

添加.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

尝试 jQuery on 函数，

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

Answer 2

使用按钮的 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>