反向转换时未添加 Jquery 移动 ui-active 类

Posted 2023-05-09

【中文标题】反向转换时未添加 Jquery 移动 ui-active 类

【英文标题】：Jquery mobile ui-active class not added on reverse transition

【发布时间】：2016-03-12 19:17:07

【问题描述】：

所以我有一个多页 jQuery 移动应用程序。我正在使用 $.mobile.changePage() 在页面的不同部分之间进行更改。用户从他们选择一些选项的表单页面开始。这会将他们带到结果页面，然后他们单击结果并被带到详细信息页面。

这一切都很好。 ui-active 类在多页部分处于活动状态时应用于它们，

这样显示它们：

.ui-mobile .ui-page-active 
    display: block;
    overflow: visible;

但是，如果我单击返回按钮，无论是从详细信息页面返回结果页面，还是结果页面上的返回按钮返回搜索页面，都会重新添加 ui-active 类到该部分，页面显示一个空白的白色屏幕。检查器显示：无。

控制台中没有 javascript 错误。我的 jQuery 版本是 1.8.3，JQM 是 1.2.1

【参考方案1】：

我最终通过将所有过渡更改为“无”或“流行”来解决此问题。似乎在某些情况下使用幻灯片过渡会破坏一些东西。

$.mobile.defaultPageTransition = 'none';

【参考方案2】：

我们也在处理这个问题（在淡入淡出过渡期间）。解决这个问题的一种方法是升级到新的 jquery mobile（我认为是 1.4.5），它似乎没有这个问题。