Question

在您说其与其他主题重复之前，我已经看过这些主题，例如：

这些都没有帮助我。我的代码非常简单：

的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

尝试jQuery on function，

$( "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>

第二次点击jQuery不起作用 - 移动

2 个答案: