jQuery Mobile 页面加载，但按钮不起作用答案

【问题标题】：jQuery Mobile page loads, but buttons doesn't worksjQuery Mobile 页面加载，但按钮不起作用
【发布时间】：2013-12-26 15:10:27
【问题描述】：

我已经解决了我在这个主题中的最后一个问题：jQuery on second click doesn't work - mobile

我有两个页面，index.php 和 add.php。从 index.php 我以这种方式调用页面 add.php：

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

我在 页面 add.php 上有几个可以工作的按钮，但是如果我从打开页面添加的 页面索引 中点击“openAdd”按钮，每个页面添加上的单个按钮停止工作。我没有收到任何错误，没有消息，什么都没有，只是它没有执行任何操作。

如果我在浏览器中直接输入指向 mywebsite.com/add.php 的 URL，它们就可以工作。

这是我迄今为止尝试过的，但没有成功：

<a href="#page-clients"><input type="button" id="clients-btn" value="Clients" data-role="none"/></a>

$("clients-btn").on("click", function(){
    console.log("hit!!!!");
});

$(document).on('pagebeforeshow', '#page-add', function(){     
    $('#clients-btn').bind('click',function(){
        console.log("hit!!!!");
    });
});

【问题讨论】：

标签： javascript jquery html jquery-mobile

【解决方案1】：

已解决。

您所要做的就是，在第二页（在我的例子中是 add.php），输入以下内容：

$('#page-add').on("pageinit", function () {
    $('#clients-btn').one('click', function () { 
        console.log('button clicked!!');
    });
});

编辑：实际上不起作用。

【讨论】：

pagecreate 会在页面创建时调用你的 js，但 pageinit 会在每次调用页面时调用你的 js
在下面查看我的答案@MujtabaHaider。

【解决方案2】：

将整个代码封装在 pagecreate

$( document ).on( "pagecreate", "#page-add", function( event ) {
  $('#page-add').on("pageinit", function () {
    $('#clients-btn').bind('click',function(){
        console.log("hit!!!!");
    });
  });
});

并尝试添加在页面末尾调用的代码

【讨论】：

请稍等。我有问题。。看来我实际上并没有解决。
我上面的代码和你的代码都不起作用。如果我直接输入 URL www.mywebsite.com/add.php，按钮就会起作用。如果我来自 index.php 并更改为 add.php 按钮不再起作用。
如何从 index.php 调用 add.php？ data-ajax=false ??
我编辑了代码，现在在pagecreate 中调用pageinit，应该可以工作，否则你会犯任何非常基本的错误
也不起作用。我当前更改页面的代码（有效）是：$("#openAdd").on("click", function(){ $.mobile.changePage("add.php"); });