Изменение нижнего колонтитула

Question

У меня есть набор отдельных страниц. Нижний колонтитул каждой страницы имеет кнопку «Вход», которая при нажатии на нее приводит пользователя к странице входа. Если вход успешно завершен, пользователь перемещается на другую страницу; если нет, они возвращаются на страницу входа в систему.

Я хочу, чтобы изменить метку «Войти» на «Выйти» и ее 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'); 

, когда пользователь переходит на страницу «успешной авторизации» не удается подключиться.

Мне не хватает чего-то - я был бы признателен за некоторое освещение.

Благодаря/B

Answer 1

Вы можете сделать вызов обработчика событий jQM pagebeforeshow, так как загружена каждая новая страница, кнопка сноска будет обновляться:

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

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

});