jquery - jQueryMobile 不绑定点击下一页

Question

在下一页上绑定事件的唯一方法是将其直接放在 onclick="..." 中，这不是一个选项。没有任何帮助，通过 JQM ajax 加载页面后无法绑定单击。

$(document).bind('pageinit', function() {
    $('#link').on('click', function() {
      alert(); 
      return false;
    });
});

<div data-role="page" class="pages">
    <a id="link" href="#">link</a>
</div>

Answer 1

不要使用类来处理data-role=page元素。始终使用 ID。使用类有时会产生不稳定的行为。

<div data-role="page" id="page1">
    <a id="link" href="#">link</a>
</div>

您可以将#link'click事件绑定到 的pageinit事件中page1：

$(document).on('pageinit', '#page1' ,function() {
    $(this).on('click', '#link',function(e) {
      e.preventDefault();
      alert("Clicked"); 
      return false;
    });
});

但是，如果您想pageinit为所有页面使用一个公共（不建议这样做），您可以将该点击绑定到文档：

$(document).bind('pageinit', function() {
    $(document).on('click', "#page1 #link" , function(e) { // or simply "#link"
      e.preventDefault();
      alert("Clicked"); 
      return false;
    });
});