jquery-mobile - JQM：如何在内部第二页上的“data-rel ='back'”按钮后检测第一页重新加载？

Question

我正在编写一个 jQuery 移动应用程序。

在我的主页（“第一”）页面中，我使用自定义链接（<a href="...">）链接了一个内部（“第二”）页面。

在我的第一页中，我需要检测用户点击第二页上的“data-rel='back'”按钮（并且第一页将再次显示）。我确实尝试过

    $(document).bind('pageinit')

和

    $(document).bind('pageshow')

没有成功。请注意，使用

    rel="external"

$(document).bind('pageinit') 确实会触发，但这不是我想要的...

Answer 1

尝试使用$.mobile.urlHistory（如何修改 jQuery 移动历史返回按钮行为）。它具有activeIndexwhich 是您在历史堆栈中的当前索引，并且previousIndex, 当然是您以前的索引。

因此，要通过单击“返回”按钮来检测用户是否来自您的第二页，您可以：

检查它们来自的页面的哈希值：

var previous = $.mobile.urlHistory.previousIndex;
var origin = $.mobile.urlHistory.stack[previous].hash; //you may need to do some regex here
if ( origin === "second" )

或一般来说：

// user clicked on 'back' button
if ( $.mobile.urlHistory.activeIndex < $.mobile.urlHistory.previousIndex)