мобильное устройство назад кнопка jquery мобильная ошибка страница не написана

Question

Когда я использую свой телефон для проверки приложения, я использую кнопку back device, чтобы показать предыдущую страницу, это работает со всеми страницами, за исключением одной страницы, на которой отображается не при попытке попасть на проницаемую страницу, чтобы там что-то нечетное.
Вот краткое объяснение. есть 3 страница #main_menu, #first_map, #second_map , когда я попадаю на страницу #second_map, она должна перейти на страницу #first_page, когда я нажимаю кнопку , но на самом деле ее показывает страницу #main_menu, а не css-стиль. вы могли бы рассказать мне, в чем проблема, как мы можем исправить это, спасибо заранее. я предоставить исходный код: Это main_page

  </div> 
      <h2 id="thx_msg" style="margin:0 auto;"></h2> 
      <div class="grid2"> 
       <div class="first" id="search_btn"> 
        <div> 
         <img src="images/loupe.jpg"/> 
        <div> 
        </div>Search for a Spot</div> 
       </div> 
       <div class="second" id="submit_spot_btn"> 
        <div> 
         <img src="images/spot.jpg"/> 
        </div> 
        <div>Submit a spot</div> 
       </div> 
      </div> 
      <ul style="margin:0 auto;" class="spaced_list" style="widht:280px;" > 
       <li><input type="button" data-role="none" value="Account info" class="btn" style="margin:0 auto;" id="main_page_account_info"/></li> 
       <li><input type="button" data-role="none" value="Log Out" class="btn" style="margin:0 auto;"id="main_page_log_out"/></li> 
      </ul> 
    </div> 

здесь страница first_map называется spot_page

<div data-role="page" id="spot_page" data-theme="b"> 
<div data-role="header" style="overflow:hidden;"> 
    <img class="logo_icon" src="images/logo_icon.png"> 
</div><!-- header --> 
<div class="clear"></div> 
<div id="search_form_holder" style="margin:0px 25px" > 
    <p class="center" style="font-size:16px;font-weight:bold;"> 
     Search for a Spot 
    </p> 
    <ul class="some_space" style="margin:0 auto; 
             margin-left:auto; 
             margin-right:auto; 
             align:center; 
             text-align:center; 
             width:280px;"> 
    <li><input type="text" id="address_zip" class="field black" placeholder="Address/Zip Code"/></li> 
    <li id="to"></li> 
    <li><input type="button" data-role="none" style="width:200px;margin:15px auto;" id="search_spot_btn" class="btn" value="Search for a Spot"></li> 
    </ul> 
    <div id="hidden_scroller" style="display:none"> 
    <select id="distance" name="Within"> 
      <option value="1">1 Mile</option> 
      <option value="3">3 Miles</option> 
      <option value="5">5 Miles</option> 
      <option value="10">10 Miles</option> 
     </select> 
    </div> 
</div><!-- search form --> 
<div id="first_map" style="width: 100%; 
          height: 247px;border:1px solid black;margin:0 auto"> 

</div> 
</div><!-- split view --> 

и, наконец, вторая карта здесь:

 <div data-role="page" id="nearby_page"> 
     <div data-role="header" style="overflow:hidden;"> 
      <img class="logo_icon" src="images/logo_icon.png"> 
     </div><!-- header --> 
     <div class="clear"></div> 
     <div class="second_header">Spots nearby</div> 
     <div id="map" style="width: 100%; 
          height: 398px;border:1px solid black;margin:0 auto"> 

     </div> 
    </div> 

Как вы можете видеть, страницы отделены друг от друга.
У меня есть последний вопрос, который мог бы сделать плагин для навигации, чтобы исправить проблему, такую ​​как плагин истории jquery, и спасибо за вашу помощь.

Answer 1

Удостоверьтесь, что у вас есть страницы на разных страницах. Если такие ошибки не возникнут. В основном, вы столкнетесь с аномальной ошибкой навигации. Это то, что я испытал в своем опыте.

BTW, вы должны показать больше своего кода для людей здесь, чтобы помочь вам.

Update

PhoneGap и кнопка назад Андроида делать ведет себя странно. То, что я сделал в своем приложении, отключено кнопкой «Назад» и задано мягкой кнопкой «Назад» в верхнем заголовке. Простой history.back() сделает волшебство для кнопок с кнопками.

Вы можете отключить следующее.

$(function(){ 
    document.addEventListener("deviceready", onDeviceReady, false); 
}) 

// PhoneGap is loaded and it is now safe to call PhoneGap methods 
// 
function onDeviceReady() { 
    // Register the event listener 
    document.addEventListener("backbutton", onBackKeyDown, false); 
} 

// Handle the back button 
// 
function onBackKeyDown() { 
    console.log("Back button pressed but nothing happened"); 
} 

В любом случае это мой подход. Вы можете быть разными.