Question

我已在本主题中解决了我的上一期：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的网址，那么他们就可以使用。

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

<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!!!!");
    });
});

Answer 1

已解决。

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

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

编辑：实际上无法正常工作。

Answer 2

将您的整个代码包裹在pagecreate

中

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

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

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

2 个答案: