2014-01-21 44 views
1

我将我的代码从jqm 1.3.2更新到了1.4.0。为了确保升级后没有问题,我将导航按钮复制到测试文件中。果然,它不适用于三星Galaxy 3上的手机浏览器,但在Chrome中运行良好。它也可以在Chrome 7,笔记本电脑的FF 26.0和IE 11上正常工作。这里是我的代码 -jquery mobile 1.4和android浏览器的问题

<!DOCTYPE html> 
<html> 

<head> 
<title>whnwh</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="css/jquery.mobile-1.4.0.css" /> 
    <script src="js/jquery-1.10.2.js"></script> 
    <script src="js/jquery.mobile-1.4.0.js"></script> 
</head> 

<body> 

    <div data-role="page" id="p_home" data-title="when n where" data-theme="a"> 

     <div data-role="header"><!-- header --> 
      <p /> 
      <img src="images/logo.png" /> 
     </div><!-- /header --> 

     <div role="main" class="ui-content"> 
     <div data-role="controlgroup" data-mini="false" data-corners="false" data-type="horizontal"><!-- navbar --> 
      <a href="index.html" class="ui-btn ui-corner-all ui-btn-inline" id="home">home</a> 
      <a href="" class="ui-btn ui-corner-all ui-btn-inline" id="my">my calendar</a> 
      <a href="add.html" class="ui-btn ui-corner-all ui-btn-inline" id="add">add</a> 
      <a href="authreg.html" class="ui-btn ui-corner-all ui-btn-inline" id="sgnin">sign in</a> 
      <a href="" class="ui-btn ui-shadow ui-corner-all ui-btn-inline" id="sgnout">sign out</a> 
     </div> 
     </div><!-- /navbar --> 

    </div><!-- page p_home --> 
    </script> 

</body> 
</html> 

这是上面页面的外观银河浏览器 -

enter image description here

,并在Chrome上银河以及笔记本电脑上所有的浏览器 -

enter image description here

那么,我能做些什么来解决这个问题?

在此先感谢。

RD

+0

我也面临着三星Galaxy S4 Android原生浏览器相同的问题,如果有人获得任何解决方案,请与我们分享。 – user2518430

回答

0

我想要么没有人遇到这个问题或没有人有答案。
我已经在1.3.2和1.4.0之间迁移并修复了所有不兼容问题,因此我失去了一天的时间。
我感到沮丧,将恢复到1.3.2平方米,并在稍后的时间完成此任务。

0

你并不孤单! 下面的配置是与我的Android银河2

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css"> 
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script> 

我分别测试jQuery的1.10.2.min.js不相容的,它工作得很好。这只是因为jquery.mobile-1.4.1.min.js。

上一页jQuery Mobile的版本将工作,这是

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>