jQuery移动端刷新标题栏。

Question

我正在使用 jQuery Mobile 制作网站的移动版，关于刷新缓存页面我有一个问题。我在页头上放了一个登录按钮，如果用户点击该按钮并成功登录，则会将该按钮（在服务器端）替换为注销按钮。问题是，如果我按浏览器的“后退”按钮，登录按钮仍然显示。随后加载的（非缓存）页面正确地显示注销按钮。

我猜测这是因为当我按下“后退”时，页面是从缓存中获取的？有没有办法可以刷新页头栏，以便它在缓存页面上也显示注销按钮？我认为我不能仅刷新特定页面，因为我不知道用户登录之前访问过哪些页面。

- Damian

Answer 1

有几个选项：

1）禁用页面缓存（浏览器的后退和前进按钮）：

$.mobile.hashListeningEnabled = false; 

2) 创建事件来捕获当前页面的名称，然后操作页眉（类似于...）：

$("#PageName").live("pagebeforeshow", function (event, data) {

    // get current URL
    var pageName = $(location).attr("href").split("#")[1];

    // manipulate by the page name
    if(pageName == XXX){

       Header....

    }
}

- BorisD