0

これはページAのジャンプページBの例です。ページBはそれ自体にcss参照を持ち、ページAからBへの場合、

css は効果がありません。例:

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

ajaxでAがBにジャンプすると、色は変更されず、「div」は高さと幅が設定されないので、私は

'' タグを 'div' data-role="page" に配置すると効果がありますが、他に何かありますか

それを解決するための解決策は？Bページに入れられたajaxとスタイルも使用

4

2 に答える 2

0

JQMがajaxを介して2番目のページをロードすると、<head>セクション内のすべてが無視されます。これには、スクリプトとcssが含まれます。最善の解決策は、すべてのページに含まれる独自の外部cssファイルを作成することです。あなたはおそらく、それが内部のすべてを無視するのであれば、なぜ私がそれをするのだろうと考えています<head>。これは、誰かがページをリロードしたり、リンク（電子メールまたはソーシャルサイト）を介してそのページにアクセスした場合に発生します。これを行うときは、CSSをより具体的にする必要があります。すなわち

#page2 a{
    color : red !important;
}
#page2 #a{
   height : 100px;
   width : 100px;
   color : red;
}
于 2012-05-28T20:22:08.453 に答える
0

body セクションに style タグを付けます。

<body>
<style>
    a{
        color : red !important;
     }
    #a{
       height : 100px;
       width : 100px;
        color : red;
     }
</style>
</body>
于 2012-05-28T09:35:42.360 に答える