0

jQuery Mobile for web App を使用しています。このプロジェクトでは、開発者は次のような主要な jQuery Mobile クラスのいくつかをオーバーライドします。

 .ui-btn-text
 .ui-icon
 .ui-btn-corner-all

例えば：

.ui-btn-text {
    color:#fff;
    padding:6px 10px;
    line-height:10px;
    font-size:12px;
    /* 

    some settings....

    */
}

inputオーバーライドされたクラスから自動的に継承する新しいものをいくつか追加しています。特定のページで継承されたこの継承を無効にするにはどうすればよいですか。たとえば、#pageTestに対して無効にするなど、jQuery Mobile クラスで機能します。

4

1 に答える 1

1

jQuery モバイルの stylesheetに従って、元の値にリセットするだけです。jQuery の縮小版でない場合は、ここで見つけることができます。

実際の例を次に示します。あなたの例では

#pageTest.ui-btn-text { position: relative; z-index: 1; }

他の唯一のオプションは、javascript を使用して、クラスの各インスタンスを反復処理することです。jQuery を使用するのが最も簡単です。

$('.ui-btn-text').each(function() {
    $(this).css({
        'position' : 'relative',
        'z-index':'1',
        //etc...
    });
});
于 2013-07-22T12:18:33.893 に答える