2014-01-21 45 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>