jquery mobile Le bouton ne s'affiche pas correctement

Je développe un exemple d'application ios avec phonegap à des fins d'apprentissage. Voici le code que je l'ai utiliséjquery mobile Le bouton ne s'affiche pas correctement

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

Maintenant, le problème est, lors de l'exécution de l'application sur le bouton n'affiche properly.Please me aider ?? !!

enter image description here

Source

2013-07-29 kunjus

Cette ligne

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

doit être décommentées.

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

Parce que jQuery Mobile a besoin de jQuery. En outre, vous devez l'ajouter avant le fichier JS de jQuery Mobile, comme ceci:

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

Hope this helps.

Source

2013-07-29 11:38:54 krishgopinath

jquery mobile Le bouton ne s'affiche pas correctement

Répondre

Questions connexes