Onsen-Ui结合JQuery全局禁用所有页面动画的方法

嗨，太懂你这种从jQuery Mobile转到Onsen UI的适应感了——老框架用顺手了，新框架总有几个卡壳的小细节😅。你现在每次pushPage都手动加animation: 'none'确实麻烦，其实Onsen UI是支持全局设置默认动画的，不用每次重复写！

这里给你两种实用的实现方式，结合jQuery来搞定：

方法一：全局修改Navigator默认配置 #

这和你之前在jQuery Mobile里设置$.mobile.defaultPageTransition是同一个思路，直接修改Onsen UI的全局默认选项：

$(document).ready(function() {
  // 把所有页面切换的默认动画统一设为none
  ons.Navigator.defaultOptions.animation = 'none';
});

设置完成后，不管你调用navigator.pushPage()还是navigator.popPage()，只要不特意指定动画参数，都会默认使用none，彻底省去手动重复配置的麻烦。

方法二：针对单个Navigator实例设置默认动画 #

如果你是通过<ons-navigator>标签创建的导航器，也可以直接给实例绑定默认动画，结合jQuery可以这么写：

$(document).ready(function() {
  // 获取页面上的导航器实例，设置默认动画
  const navigator = document.querySelector('ons-navigator');
  navigator.defaultAnimation = 'none';
});

其实Onsen UI的全局配置相关内容在文档里确实不算特别显眼，我当初刚转过来的时候也踩过这个坑😂，希望这两个方法能帮你解决问题。

备注：内容来源于stack exchange，提问作者London28