温泉 UI Navigator 来自 Jquery

Question

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

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

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

提前致谢

Answer 1

查看温泉 postpush 事件 UI 文档：http://onsen.io/reference/ons-navigator.html#event-postpush

您可以使用一些有用的参数，例如 event.enterPage 和 event.leavePage。

此外，您可以使用 myNav.getCurrentPage() 获取当前页面，使用 myNave.getPages() 获取整个页面堆栈。更多信息在之前 link.

希望对您有所帮助！

编辑：

原来的事件似乎包裹在另一个对象中。

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

温泉 UI Navigator 来自 Jquery

Onsen UI Navigator from Jquery

jquery

cordova

onsen-ui