Question

我正在使用jQuery mobile开发的应用程序面临iPhone上的闪烁问题。我已尝试在互联网上提供多种解决方案，包括CSS更改，将转换设置为“无”，甚至在jquerymobile.js中注释代码。但没有运气...... 我正在使用的JS和CSS文件如下：

<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.mobile-1.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>
<link rel="stylesheet" href="jquery.mobile.structure-1.1.0.min.css" />

对此的任何帮助将不胜感激。感谢。

Answer 1

当我在转换过程中搜索闪烁的标题和页脚时，我发现了这个SO线程以及：http://view.jquerymobile.com/1.3.1/dist/demos/widgets/fixed-toolbars/footer-persist-a.html

就是这么简单：如果您导航到的页面有标题或页脚与您导航的页面具有相同的数据ID，工具栏将在转换之外显示为固定。

<div id="sell" data-role="page" > 
    <div data-role="header" data-id="header" data-position="fixed">
        <h1>Seconds.me</h1>
        <a data-role="button" href="#buy" data-icon="arrow-l" data-theme="app-ios" style="color: white; text-decoration: none;">Back</a>
    </div>

      <h3>1</h3>
      <a href="#buy">2</a>

  </div>  

  <div id="buy" data-role="page" > 
    <div data-role="header" data-id="header" data-position="fixed">
        <h1>Seconds.me</h1>
        <a data-role="button" href="#sell" data-icon="arrow-l" data-theme="app-ios" style="color: white; text-decoration: none;">Back</a>
    </div>

      <h3>2</h3>
      <a href="#sell">1</a>

  </div>

闪烁，现在却没有闪烁。请参阅两个页面的data-id="header"相同的内容。

（希望有帮助）

更新：http://jquerymobile.com/demos/1.2.0/docs/pages/page-transitions.html - ＆gt;这个页面也解决了闪烁......

Answer 2

尝试下载并使用最新版本的jquery（1.8.2）和jquery mobile（1.2.0）及其css（1.2.0）。

此致

Answer 3

您是否执行了以下解决方法：

.ui-page { -webkit-backface-visibility: hidden; }

如上所述here

重要提示：某些平台目前存在转换问题。我们正在努力为每个人解决问题的解决方案。如果您在转换期间或转换结束时遇到闪烁和闪烁，我们建议采用以下解决方法。请注意，在部署之前，应在目标平台上对此解决方法进行彻底测试。众所周知，这种解决方法会导致性能问题，并且某些平台上的浏览器崩溃，尤其是Android。

Answer 4

在这里，我来了解决方案........

请按照顺序

// First of all jQuery
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

// then load custom jQuery Mobile
<script type="text/javascript" src="mobile/js/mobile-jqm.js"></script>

// then load jQuery Mobile
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

// finally load your own scripts (.js) files 
<script type="text/javascript" src="mobile/js/script.js"></script>

要禁用转场，请创建mobile-jqm.js filt＆amp;在mobile-jqm.js文件中，放置以下代码：

$(document).bind("mobileinit", function(){
  $.extend(  $.mobile , {
   defaultPageTransition: 'none'
  });
});

iphone jquery移动闪烁问题

4 个答案: