jQuery Mobile - удалите кнопку «Назад», свойство data-nobackbtn не работает

Question

У меня есть простая страница jQueryMobile index.html.В рамках этого у меня есть две страницы с использованием синтаксиса data-role = "page".Первая страница - это просто заставка, которая автоматически меняется на вторую страницу через несколько секунд.Проблема заключается в том, что после перехода страницы с заставки на домашнюю страницу отображается кнопка «Назад» (даже при data-nobackbtn = "true").Если я обновлю вторую страницу, кнопка «Назад» будет скрыта.

Я использую пример из двух страниц: http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-pages.html

Спасибо

Answer 1

Я успешно использовал следующее:

<div data-role="header" data-backbtn="false">
    <h1>My Title</h1>
</div>

Это у вас тоже работает?

Answer 2

В рамках этого у меня есть две страницы, используя data-role = "page" синтаксис.

У вас никогда не должно быть страницы, ВНУТРИ другой страницы. Каждая страница должна быть объявлена ​​самостоятельно, как показано в примере с двумя страницами, на который вы ссылались.

Когда вы сказали, что у вас есть страница index.html и две страницы внутри, вы имеете в виду index.html - это просто фактическое имя файла? Или другой элемент JQuery Mobile data-role="page" (последний не будет хорошо отображаться).

В любом случае, попробуйте data-backbtn="false", как указано выше, это должно работать для вас. Я никогда не слышал об использовании data-nobackbtn="true", в любом случае кажется немного избыточным, ложные срабатывания - отстой.

Answer 3

Если вам интересно, почему он не работает в новых версиях, это из-за серьезных изменений. Если вы используете JQM 1.1.0, попробуйте

<div data-role="page" id="login" data-add-back-btn="false">

Пожалуйста, обратите внимание, что это находится на странице не в заголовке, и атрибут меняется с data-backbtn на data-add-back-btn

Answer 4

Ответ должен использовать

   <div data-role="header"  data-nobackbtn="true" >

Вы можете проверить ссылку на data-nobackbtn на

http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery_android/

Answer 5

Возможно, вы активировали кнопку возврата в определении страницы:

<div data-role="page" data-theme="b" id="ptest" data-add-back-btn="true">

должно быть

<div data-role="page" data-theme="b" id="ptest">