Последняя версия JQuery Mobile от 03 июня 2011 года - кнопка «Назад» отсутствует - PullRequest
Новая
       4

Последняя версия JQuery Mobile от 03 июня 2011 года - кнопка «Назад» отсутствует

6 голосов
/ 03 июня 2011

Это 3 июня 2011 года, и я использую последнюю версию JQuery Mobile.

Моя проблема в том, что кнопка возврата ушла.

Как я могу заставить кнопку возврата отображатьсяпожалуйста?

ОБНОВЛЕНИЕ:

Я пробовал это, но все еще не кнопка возврата. 

<body> 
<div data-role="page" data-theme="a" data-iscroll="enable" data-add-back-btn="true">

    <div data-role="header" data-theme="a" data-backbtn="true">
        <h1>title here</h1>

        <a href="index.php" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home">Home</a>
        <a href="view.php" data-icon="arrow-r" data-theme="a" data-iconpos="right">Events</a>
    </div><!-- /header -->

    <div data-role="content">

Ответы [ 6 ]

14 голосов
/ 03 июня 2011

Если вы посмотрите в мобильном блоге jQuery в мае , кнопка «Назад» теперь по умолчанию отключена.

Чтобы включить кнопку возврата, просто добавьте data-add-back-btn="true" в контейнер страницы: 

<div data-role="page" id="page1">
    <div data-role="header">
        <h1>First page</h1>
    </div>
    <div data-role="content">
        <p><a href="#page2">page2</a></p>
    </div>
    <div data-role="footer">
        <h4>Optional footer</h4>
    </div>
</div>
<div data-role="page" id="page2" data-add-back-btn="true">
    <div data-role="header">
        <h1>Second Page</h1>
    </div>
    <div data-role="content">  
        <p><a href="#page1">page1</a></p>
    </div>
    <div data-role="footer">
        <h4>Optional footer</h4>
    </div>
</div>

Пример кнопки возврата на jsfiddle

7 голосов
/ 08 августа 2011

Если вы все еще не видите его и ваша разметка верна, комментарий Марка будет полезен:

, если вы перешли на другую страницу

Я не былНе вижу кнопки «Назад» на странице, которую я тестировал при добавлении атрибута: 

data-add-back-btn="true"

Это произошло потому, что на этой вкладке моего браузера не было истории браузера, поэтому у кнопки «Назад» не было шансов.Если бы я перешел на страницу, которую тестировал, с другой страницы, то увидел бы кнопку «Назад».

3 голосов
/ 13 марта 2012

включить data-add-back-btn = "true" в тег заголовка div 

<div data-role="page" id="page1">
    <div data-role="header">
        <h1>First page</h1>
    </div>
    <div data-role="content">
        <p><a href="#page2">page2</a></p>
    </div>
    <div data-role="footer">
        <h4>Optional footer</h4>
    </div>
</div>
<div data-role="page" id="page2">
    <div data-role="header" data-add-back-btn="true">
        <h1>Second Page</h1>
    </div>
    <div data-role="content">  
        <p><a href="#page1">page1</a></p>
    </div>
    <div data-role="footer">
        <h4>Optional footer</h4>
    </div>
</div>
3 голосов
/ 16 сентября 2011

Поскольку кнопка «Назад» теперь по умолчанию отключена, вам необходимо включить ее перед загрузкой jQuery mobile (и после загрузки jQuery): 

    <script type="text/javascript">
$(document).bind("mobileinit", function() {
      $.mobile.page.prototype.options.addBackBtn = true;
 });    
</script>

Кроме того, чтобы кнопка «Назад» иногда не появлялась там, где она естьне должно быть, поместите это: 

data-add-back-btn="false"

, чтобы страницами контейнеров на всех страницах, где вы не хотите, чтобы кнопка назад когда-либо видеть.

2 голосов
/ 26 января 2012

Добавьте этот код 

<script>
     $(document).bind("mobileinit", function() {
          $.mobile.page.prototype.options.addBackBtn = true;
     });
</script>

ДО Вы определяете 

<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
2 голосов
/ 12 августа 2011

У меня была такая же проблема, хотя я пробовал все шаги выше. Я также нашел проблемы и решения.

Проблемы: кнопка «Назад» находится слева от заголовка, и в этой позиции уже могут быть кнопки.

Решение: переместите кнопки справа от заголовка, добавив class = "ui-btn-right" к кнопкам

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...