jQueryMobile不会绑定下一页的点击

时间:2013-07-06 20:00:19

标签: jquery jquery-mobile

在下一页上绑定事件的唯一方法是将其直接放在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>

1 个答案:

答案 0 :(得分:0)

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

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

您可以在#link click事件中绑定pageinit的{​​{1}}个事件:

page1

但是,如果您想对所有页面使用通用$(document).on('pageinit', '#page1' ,function() { $(this).on('click', '#link',function(e) { e.preventDefault(); alert("Clicked"); return false; }); }); (这是不可取的),您可以将该单击绑定到文档:

pageinit