Включение кнопки «Назад» без внесения изменений вручную через URL-адрес

Question

У меня есть мобильное приложение jQuery, которое я разрабатываю. jQuery Mobile использует pushState по умолчанию, чтобы позволить кнопке возврата браузера работать динамически.

Теперь мое приложение предназначено для динамического изменения его страниц, и пользователь должен всегда приходить на первую страницу при загрузке приложения.

Проблема в том, что jQuery Mobile обновляет хэш страницы в URL-адресе всякий раз, когда я перехожу на страницу в приложении. Теперь, если пользователь вводит один и тот же хэш в приложении, jQuery Mobile автоматически перенесет их на эту страницу (когда я хочу, чтобы они обрабатывались моим кодом). Кроме того, если они обновляют страницу, я бы хотел, чтобы мой код возвращал их туда, где они должны быть, а не напрямую перемещается в хэш-адрес URL-адреса.

Чтобы предотвратить это, я пытался добавить следующий код в mobileinit событие:

$.mobile.hashListeningEnabled = false; 

Это работает, но это также отключает pushState обновления, которые, в свою очередь, ломает кнопку назад, что я не» Я хочу, чтобы это случилось.

Что было бы лучшим способом разрешить пользователям использовать кнопку «Назад», не позволяя вручную перемещаться между страницами?

Answer 1

Я не так много элементов, чтобы описать возможное и точное решение для вашей проблемы, но легко один должен быть этим:

по каждой ссылке на странице, которые принимают на другой прикрепить такую ​​функцию это:

$(DOMElem).on("click",function(){ 
    sessionStorage["urlChangedByLink"] = "true"; 
}); 

на этой же странице вы можете попробовать, если нет никаких проблем с этим:

$(window).on("navigate", function(event, data) { 
    if(sessionStorage["urlChangedByLink"] == "true") 
    $.mobile.hashListeningEnabled = true; 
    else 
    $.mobile.hashListeningEnabled = false; 
}); 

Или это на другой странице вы проверить, если это variabl хранения е exsist и чем сделать вашу работу:

if(sessionStorage["urlChangedByLink"] == "true") 
    continue navigation... 
else 
    window.history.back(); 

Answer 2

один вариант здесь должен установить data-url для каждого из ваших страниц, которые вы просто добавить атрибут к странице div и установите его равным вашей домашней странице этак URL для страница, отображаемая в истории, не имеет хэш-значений (или вы можете указать свои собственные значения). документация по этому вопросу лучше поясняется in the jquery mobile documentation