gpt4 book ai didi

javascript - Jquery Mobile 1.4 外部面板在导航到其他页面后不打开

转载 作者:太空狗 更新时间:2023-10-29 12:34:58 26 4
gpt4 key购买 nike

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

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

要重现问题,您必须:1 单击菜单链接中的第 1 页2 从菜单链接中单击 page23 从菜单链接中单击 page14 从菜单链接中单击 page25 点击内容中的“GO TO PAGE 1”链接

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

下面是重现它的示例代码:

<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<script>
$(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");
});
</script>
</head>
<body>
<div data-role="panel" id="mypanel">
<a href="#page1">page1</a>
<br />
<a href="#page2">page2</a>
</div>
<div data-role="page" id="page0">
<div data-tap-toggle="false" data-role="header" >
<a href="#mypanel">menu</a>
<h1>PAGE 0</h1>
</div>
<div data-role="content">
PAGE 0
</div>
<div data-tap-toggle="false" data-role="footer" >
</div>
</div>
<div data-role="page" id="page1">
<div data-tap-toggle="false" data-role="header" >
<a href="#mypanel">menu</a>
<h1>PAGE 1</h1>
</div>
<div data-role="content">
PAGE 1
</div>
<div data-tap-toggle="false" data-role="footer" >
</div>
</div>
<div data-role="page" id="page2">
<div data-tap-toggle="false" data-role="header" >
<a href="#mypanel">menu</a>
<h1>PAGE 2</h1>
</div>
<div data-role="content">
PAGE 2
<a href="#page1">GO TO PAGE 1</a>
</div>
<div data-tap-toggle="false" data-role="footer" >
</div>
</div>
</body>

奇怪的是,当我浏览面板链接时,面板可以正常工作,但是当我单击不在面板中的链接时,它不会再打开。我们还尝试了 $.mobile.changePage 和新的 :pagecontainer 但它是一样的。如果有人遇到类似问题,请告诉我他是如何解决的。提前致谢。

最佳答案

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

关于javascript - Jquery Mobile 1.4 外部面板在导航到其他页面后不打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21722211/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com