jquery - jQuery的Onsen UI Navigator

我有一个与某些页面交互的导航器。我正在尝试使用jQuery代替onf angular。谷歌搜索我找到了一种解决方案，用此代码修改所选的页面html：

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

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

先感谢您

最佳答案

检查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