更改页脚信息

Question

我有一组单独的页面。每个页面的页脚都有一个显示为 "Sign in" 的按钮，点击该按钮会将用户引导至登录页面。如果登录成功，用户将被移动到不同的页面；如果没有，它们将返回到登录页面。

我希望能够在成功登录时将 "Sign in" 标签更改为 "Sign out" 并将其 href 更改为注销页面。但我似乎无法引用该元素。

页脚元素中的html是：

<a class="inout ui-link ui-btn" rel="external" href="login.php">
<span class="ui-btn-inner">
<span class="ui-btn-text">Log in</span>
</span>
</a>

运行一个简单的jq命令如

$('a.inout').attr('href','logout.php');

当用户到达"successful login"页面时连接失败。

我遗漏了一些东西 - 希望能提供一些照明。

Thanks/B

Answer 1

您可以在 jQM pagebeforeshow 事件处理程序中进行调用，以便在加载每个新页面时更新页脚按钮：

$(document).on("pagebeforeshow", "#pageid", function(){

    $('a.inout').prop('href','logout.php');

});