$.mobile.changePage

jQuery页面切换详解

最新推荐文章于 2024-08-17 11:32:55 发布

转载最新推荐文章于 2024-08-17 11:32:55 发布 · 776 阅读

1 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的页面切换方法，通过设置特定参数来控制页面的加载与刷新行为，并解决了相同页面过渡时可能出现的动画问题。

$.mobile.changePage(pageurl, {
 'allowSamePageTransition' : true,
 'reloadPage' : true,
 'transition' : 'none'
});

代码解读：

pageurl：指向当前页面的页面id或者路径
allowSamePageTransition：默认情况下，changPage函数会自动忽略与当前页面相同的页面更改请求。将此标志设置为true，使其不能忽略页面更改请求。
reloadPage：设置为true时，可令页面Dom重新装载，可触发一系列构造过程。
transition：因为打开 allowSamePageTransition 时，会带来 transition 动画的问题(某些 transition 是假设新旧页面是不同)，所以将transition设置为none避开这个问题。