导航到其他页面后，Jquery Mobile 1.4外部面板无法打开

我们正在使用jquery mobile和apache cordova开发移动应用程序。 迁移到jquery mobile 1.4.0后，我们切换到外部面板，但面板出现问题。

http://jsfiddle.net/Q58MZ/3/中有一个简单的问题示例

要重现这个问题你必须：1从菜单链接点击第1页2从菜单链接点击第2页3从菜单链接点击第1页4从菜单链接点击第2页5点击“转到第1页”链接内容

然后菜单不会打开它会添加它打开的类，但它不会打开。

以下是重现它的示例代码：

         $(document).ready(function() { $.mobile.defaultPageTransition = 'none'; $("#mypanel").panel(); }); $(document).bind('panelbeforeopen', function(e, data) { console.log("before open"); }); $(document).bind('panelbeforeclose', function(e, data) { console.log("before close"); });    
 page1 
 page2 
 
 
 menu 
PAGE 0
 
 
 PAGE 0 
 
 
 
 
 
 menu 
PAGE 1
 
 
 PAGE 1 
 
 
 
 
 
 menu 
PAGE 2
 
 
 PAGE 2 GO TO PAGE 1 
 
 
 
  

奇怪的是，当我浏览面板链接时，面板可以工作但是当我点击链接时不在面板中它不再打开。 我们还尝试使用$ .mobile.changePage和新的：pagecontainer，但它是相同的。 如果有人遇到类似问题，请告诉我他是如何解决的。 提前致谢。

Answer 1

Omar是$.mobile.defaultPageTransition = 'none'; 当我删除它一切正常时导致问题。

Answer 2

编辑：它已在jquery mobile 1.4.2中修复，请参阅https://github.com/jquery/jquery-mobile/issues/6650

---

感谢Cvetan的提示，我能够使用自定义动画解决这个问题：

 .dummy.in{} .dummy.out{} .in{-webkit-animation-timing-function: ease-out;-webkit-animation-duration: 0ms;-moz-animation-timing-function: ease-out;-moz-animation-duration: 0ms;} .out{-webkit-animation-timing-function: ease-in;-webkit-animation-duration: 5ms;-moz-animation-timing-function: ease-in;-moz-animation-duration: 5ms;} 

然后我告诉jqm将此转换用作默认值：

 $.mobile.defaultPageTransition = 'dummy'; 

就是这样，没有可见的页面过渡动画和完全可用的面板。

Answer 3