2013-07-29 76 views
0

我正在開發一個示例iOS應用程序,用於學習目的PhoneGap。下面是代碼,我已經使用jquery mobile按鈕顯示不正確

<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" /> 
    <link rel="stylesheet" type="text/css" href="css/index.css" /> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> 
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> 
    <title>Hello World</title> 
</head> 
<body> 
    <div data-role="page" id="main-page"> 
     <h1>Apache Cordova</h1> 

     <div data-role="content"> 
      <div data-role="fieldcontain"> 
       <label for="textinput1"> 
        Title 
       </label> 
       <input name="" id="textinput1" placeholder="" value="" type="text"> 
        </div> 
      <a id="share" data-role="button" data-inline="true" data-theme="a" href="#"> 
       Button 
      </a> 
     </div> 



    </div> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
      <!--<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>--> 

    <script type="text/javascript"> 
     app.initialize(); 
    </script> 
</body> 

現在的問題是,在運行按鈕不會顯示應用properly.Please幫助我?? !!

enter image description here

回答

1

此行

<!--<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>--> 

必須是註釋。

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 

因爲jQuery Mobile需要jQuery。另外,你需要前 jQuery Mobile的的JS文件,將其添加,像這樣:

<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> 

希望這有助於。