javascript - jQuery mobile - 在不知道页面名称的情况下强制 pagebeforeshow

Question

我有一个小型 jQuery Mobile 网站，每个页面底部都有 NavBar。该栏有一些按钮，应该可以在整个网站上使用。

如何在不知道页面名称/ID 的情况下强制 pagebeforeshow 事件(在当前查看的页面上)？

是否有通用函数可以执行此操作，或者我需要先获取页面的name/id，然后使用它来调用pagebeforeshow？

<小时/> 更新

以下内容获取当前页面 ID，但 trigger("refresh") 不会触发任何操作(pagebeforeshow 不会执行)。

var CurrentPageID = $.mobile.activePage[0].id;
$("#" + CurrentPageID).trigger("refresh");

有什么建议吗？

Answer 1

Here's一个工作示例。

这将在单击导航栏时开始重新加载页面:

$('div[data-role="navbar"] ul li').bind('click',function(event, ui){
  $.mobile.changePage(
    '#'+$.mobile.activePage[0].id,
    {
      allowSamePageTransition : true,
      transition              : 'none',
      showLoadMsg             : false,
      reloadPage              : false
    }
  );
});

此代码将捕获 pagebeforeshow:

$('#pageID').live('pagebeforeshow',function(e,data){
    alert('Reload');
    //Execute AJAX here
});