Как да направя бутон за напред в jQuery Mobile

В този пример успяваме да накараме бутона за връщане назад да работи, но бутонът за напред изглежда е проблем: когато е натиснат, той не работи.

Това е баркодът на долния колонтитул:

<div data-role="footer" id="footer" data-theme="d" data-position="fixed">
    <div data-role="navbar" data-iconpos="left">
        <ul>
           <li>
               <a data-rel="back" data-icon="back" data-direction="reverse">Back</a>
          </li>
          <li>
              <a data-rel="forward" data-icon="forward" data-direction="forward">Fwd</a>
          </li>
         </ul>
     </div>
 </div><!-- Mobile Footer -->

JavaScript:

$(window).on("navigate", function(event, data) {
    alert(data.state.url);
});

В браузъра, ако щракна върху бутоните за връщане назад и напред, тогава мога да видя предупредителното съобщение и за двата бутона.

В страницата jQuery Mobile мога да видя предупредителното съобщение, когато щракна върху бутона за връщане назад. Но не мога да видя предупредителното съобщение, когато щракна върху бутона за напред.

Можете ли да проверите горния код и да ми кажете как мога да накарам бутона за напред да работи?

Благодаря.


javascript jquery-mobile
person Boris Avilov    schedule 05.05.2015    source източник

Отговори (1)


arrow_upward
0
arrow_downward

Бутонът forward не работи, защото data-rel="forward" не съществува в jQuery Mobile (можете да проверите документите за data-rel тук).

Можете обаче сами да симулирате бутона за напред на браузъра, като добавите тази функция:

$(document).on("click", "[data-rel=forward]", function()
{
    window.history.forward();
});
person Sga    schedule 05.05.2015