在jQuery Mobile中通过jQuery更改href属性

Question

我正在通过jQuery Mobile创建一个应用程序。

我想要一个重定向到页面的链接。例如：

<a href="/Account/" data-transition="turn" class="useroptions">Account</a>

它可以在所有页面上使用，我想在每个页面上将该链接的href更改为：

<a href="/Account/?returnUrl=http%3A%2F%2Fexample.com%2FAbout" data-transition="turn" class="useroptions">Account</a>

我已编写此代码，但当jQuery Mobile加载带有Ajax导航的页面时，它无效：

$(function () {
    $(".useroptions").attr("href", "/Account/?returnUrl=" + encodeURIComponent(document.URL));
});

每个页面显示时如何做到这一点？ （我应该使用哪个事件？...）

Answer 1

我应该使用jQuery Mobile的pageshow事件。请参阅this页面的pageshow部分。

修改后的jQuery代码版本可以正常工作：

$("div[data-role='page']").live("pageshow",function() {
    $(".useroptions").attr("href", "/Account/?returnUrl=" + encodeURIComponent(document.URL));
});