jquery saut mobile ajax à une autre page, mais css pas d'effet

est ici une page d'exemple Une page de saut B, page B a lui-même référence css, lorsque la page A à B, lejquery saut mobile ajax à une autre page, mais css pas d'effet

css pas d'effet, par exemple:

 /* page A start */
 <head> 
    <link rel="stylesheet" href="jquery.mobile.css" /> 
    <script src="jquery.mobile.js"></script> 
</head> 
<body> 
    <div data-role="page"> 
     <a href="B.html" data-role="button" data-theme="a">this is A</a> 
    </div> 
</body> 
 /* page A end */
 /* page B start */
 <head> 
    <link rel="stylesheet" href="jquery.mobile.css" /> 
    <script src="jquery.mobile.js"></script> 
    <style> 
     a{ 
      color : red !important; 
     } 
     #a{ 
      height : 100px; 
      width : 100px; 
      color : red; 
     } 
    </style> 
</head> 
<body> 
    <div data-role="page" > 
     <a href="A.html" data-role="button" data-theme="a">this is B</a> 
     <div id="a">bbb</div> 
    </div> 
</body> 
 /* page B end */

quand un saut à B avec ajax la couleur ne change pas le 'div' inactivée hauteur et la largeur, donc je

trouver mettre le 'tag dans' 'div' data-role = » page "Effet, mais y a-t-il d'autres

solution pour le résoudre? aussi utiliser ajax et le style mis en B page

Source

2012-05-28 Shadow

Mettez l'étiquette de style à la section de corps.

<body> 
<style> 
    a{ 
     color : red !important; 
    } 
    #a{ 
     height : 100px; 
     width : 100px; 
     color : red; 
    } 
</style> 
</body>

Source

2012-05-28 09:35:42

Avez-vous une autre meilleure solution? – Shadow

Consultez ce lien http://jquerymobile.com/demos/1.1.0/#/demos/1.1.0/docs/api/events.html –

Lorsque JQM charge la deuxième page via ajax il ne tient pas tout dans la section <head>. Cela inclut les scripts et css. La meilleure solution serait de créer votre propre fichier css externe qui est inclus dans chaque page. Vous pensez probablement pourquoi ferais-je cela si elle ignore tout à l'intérieur <head>. Eh bien, c'est au cas où quelqu'un recharge la page ou vient à cette page via un lien (email ou site social). Lorsque vous faites cela, vous devrez être plus précis avec votre CSS. c'est-à-dire

#page2 a{ 
    color : red !important; 
} 
#page2 #a{ 
    height : 100px; 
    width : 100px; 
    color : red; 
}

Source

2012-05-28 20:22:08 codaniel

jquery saut mobile ajax à une autre page, mais css pas d'effet

Répondre

Questions connexes