Onsen UI Navigator от Jquery

У меня был навигатор, взаимодействующий с некоторыми страницами. Я пытаюсь использовать JQuery вместо того, чтобы угловой. Гуглил Я нашел решение изменить выбранный HTML-код страницы с помощью этого кода:

ons.ready (function (){
    $(document).on('ons-navigator:postpush', 'ons-navigator', function(event) {
        //Do something
    });
});

Как я могу настроить это для конкретной HTML-страницы (потому что приведенный выше код предназначен для всех страниц, на которые меняется навигатор).

заранее спасибо

1 ответ

Решение

Проверить postpush событие в документации по пользовательскому интерфейсу Onsen: http://onsen.io/reference/ons-navigator.html

Для этого есть полезные параметры, такие как event.enterPage а также event.leavePage,

Кроме того, вы можете получить текущую страницу с myNav.getCurrentPage()и весь стек страниц с myNave.getPages(), Больше информации в предыдущей ссылке.

Надеюсь, поможет!

Редактировать:

Похоже, исходное событие обернуто в другой объект.

ons.ready (function (){
  $(document).on('ons-navigator:postpush', 'ons-navigator', function(event) {
      event = event.originalEvent;

      // Do something
      console.log('From',event.leavePage.name, 'to', event.enterPage.name);
   });
});

Работаю здесь http://codepen.io/frankdiox/pen/doMdbw

Другие вопросы по тегам