jquery - 来自 Jquery 的 Onsen UI 导航器

Question

我有一个可以与某些页面交互的导航器。我正在尝试使用 jquery 而不是 Angular。谷歌搜索我找到了一个使用以下代码修改所选页面 html 的解决方案:

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

我如何为特定的 html 页面设置此功能(因为上面的代码适用于导航器更改到的所有页面)。

提前谢谢

Answer 1

检查 Onsen UI 文档中的 postpush 事件:http://onsen.io/reference/ons-navigator.html#event-postpush

您可以使用一些有用的参数，例如 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