gpt4 book ai didi

Jquery mobile 1.2和PhoneGap 2.2.0页面过渡闪烁

转载 作者:行者123 更新时间:2023-12-03 19:30:28 25 4
gpt4 key购买 nike

在使用 JqueryMobile 1.2 和 PhoneGap/Cordova 2.2.0 做一个项目时,当我使用时,我遇到了页面转换问题data-transition= 在一个元素上滑动,它的工作速度非常慢',如果我使用 data-transition= none,我会在屏幕之间出现黑色闪烁,我在 iphone 4 和 IOS 6.1 上工作' 我已经尝试了我听到的所有答案,但没有任何结果有效,当我使用 data-transition="none"导航时,我仍然收到黑色闪烁铃声

我希望有人能帮助我'听到的是代码:

<!doctype html>
<html>
<head>
<title> jQuery Mobile Boilerplate - Collapsibles Content</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />

<!-- if you have a custom theme, add it here -->
<link rel="stylesheet" href="themes/jQuery-Mobile-Boilerplate.css" />

<!-- Custom css -->
<link rel="stylesheet" href="css/custom.css" />

<!-- Javascript includes -->
<script src="js/jquery-1.8.2-min.js"></script>
<script src="js/mobileinit.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="js/application.js"></script>
</head>
<body>
<div data-role="page">

<div data-role="header">
<a href="../index.html" data-icon="home">Home</a>
<h1>Collapsible Content</h1>
</div>

<div data-role="content">




<h2>Collapsible Content Blocks</h2>

<div data-role="collapsible">
<h3>Content header</h3>
<p>I'm the content that shows/hides when you click the header just above me.</p>
</div>

<h2>Default to open</h2>

<div data-role="collapsible" data-collapsed="false">
<h3>Content header</h3>
<p>I'm the content that shows/hides when you click the header just above me.</p>
</div>

<h2>Themed</h2>

<div data-role="collapsible" data-content-theme="c">
<h3>Content header</h3>
<p>I'm the content that shows/hides when you click the header just above me.</p>
</div>

<h2>Themed - content only</h2>

<div data-role="collapsible" data-theme="b" data-content-theme="e" >
<h3>Content header</h3>
<p>I'm the content that shows/hides when you click the header just above me.</p>
</div>

<h2>Nested Collapsibles</h2>

<div data-role="collapsible" data-collapsed="false" data-theme="e" data-content-theme="c">
<h3>Outer header</h3>
<p>I'm the content inside the main collapsible.</p>

<div data-role="collapsible" data-theme="c" data-content-theme="c">
<h3>I'm a nested collapsible with a child collapsible</h3>
<p>I'm a child collapsible.</p>
<div data-role="collapsible" data-theme="d" data-content-theme="d">
<h3>Nested inside again.</h3>
<p>Three levels deep now.</p>
</div>
</div>

<div data-role="collapsible" data-content-theme="c">
<h3>Collapsed list</h3>
<ul data-role="listview" data-inset="true" data-theme="d">
<li><a href="index.html">red</a></li>
<li><a href="index.html">blue</a></li>
<li><a href="index.html">yellow</a></li>
</ul>
</div><!-- /section 3 -->
</div>



</div>

<div data-role="footer" data-theme="c">
<p>&copy; 2012 - jQuery Mobile Boilerplate</p>
</div>

</div>
</body>
</html>

最佳答案

尝试将其放入您的 JS 中:

  $(document).bind("mobileinit", function(){
$.mobile.defaultPageTransition = 'none';
$.mobile.pushStateEnabled = false;
});

关于Jquery mobile 1.2和PhoneGap 2.2.0页面过渡闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13305498/

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