Кнопка «Назад» больше не появляется после перезагрузки

Использование 1.3.0 RC1 кнопка «Назад» никогда не отображается на любой странице после перезагрузки страницы «#subpage».Кнопка «Назад» больше не появляется после перезагрузки

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

репрографии шаги: - сайт нагрузки на странице 1 - идут на странице 2 и обратите внимание на кнопку назад - перезагрузите страницу (которая на «# page2») - страница 2 нагрузки без кнопки возврата (правильно) - перейдите на страницу 3 и обратите внимание, что кнопка возврата не отображается

На этом этапе я ожидаю увидеть кнопку с обратной связью. Даже если я перейду к страницам 4, 5, 6 ... НИКОГДА не покажет кнопку «Назад».

Я добавил атрибут data-add-back-btn="true" в контейнеры псевдостраниц. Я также добавил $.mobile.page.prototype.options.addBackBtn = true; на mobileinit событие на объекте document. Ничего не работает.

источник

2013-02-11 Guillaume Bois

Это должно работать, я испытал это на jQm 1.2 и 1.3 RC1, вот пример:

<!DOCTYPE html> 
<html> 
<head> 
    <title>jQM Complex Demo</title> 
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/> 
    <link rel="stylesheet" href="http://jquerymobile.com/demos/1.3.0-rc.1/css/themes/default/jquery.mobile-1.3.0-rc.1.css" /> 
    <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>  
    <script src="http://jquerymobile.com/demos/1.3.0-rc.1/js/jquery.mobile-1.3.0-rc.1.js"></script>  
</head> 
<body> 
    <div data-role="page" id="index"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
      <a href="#second" class="ui-btn-right">Next</a> 
     </div> 

     <div data-role="content"> 

     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 
    <div data-role="page" id="second" data-add-back-btn="true"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       Second Page 
      </h3> 
      <a href="#third" class="ui-btn-right">Back</a>   
     </div> 

     <div data-role="content"> 

     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 
    <div data-role="page" id="third" data-add-back-btn="true"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       Third Page 
      </h3> 
      <a href="#fourth" class="ui-btn-right">Next</a> 
     </div> 

     <div data-role="content"> 

     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 
    <div data-role="page" id="fourth" data-add-back-btn="true"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       Fourth Page 
      </h3> 
     </div> 

     <div data-role="content"> 

     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div>  
</body> 
</html>

Если вы хотите, пришлите мне ваш пример, и я буду смотреть на него.

источник

2013-02-11 23:43:36 Gajotres

Can be done for web sites like this: 

your starting page id = "pageIndex" 

if you are using jquerymobile1.2.0.js, then modify the framework code like this: 

    if (o.addBackBtn && 
       role === "header" && 
       ***$page.jqmData("url") !== "pageIndex"***) { 

       // framework code modified for back button id: sheetal 08/02/2013 

       if (backBtnId !== undefined) { 
        backBtn = $("<a href='javascript:void(0);' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l' id='" + backBtnId + "'>"+ o.backBtnText +"</a>") 
         // If theme is provided, override default inheritance 
         .attr("data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme) 
         .prependTo($this);      

       }else { 

        backBtn = $("<a href='javascript:void(0);' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l'>"+ o.backBtnText +"</a>") 
        // If theme is provided, override default inheritance 
        .attr("data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme) 
        .prependTo($this); 

       } 
      }

источник

2013-05-24 11:33:42 Sheetal

Кнопка «Назад» больше не появляется после перезагрузки

ответ

Смежные вопросы