-1

これはとても簡単なことのように感じますが、どういうわけか私は問題を抱えています。私はかなりバニラなスーパーフィッシュメニューを持っています(トップラインとドロップダウンだけで、サブメニューはありません)。

メニューから削除せずにメニュー項目の1つを無効にしたいのですが。onClickの処理は簡単です。メニューを選択した場合は、クリックを無視してください。問題を抱えているのは、「このメニュー項目が無効になっている」ことをユーザーに示していることです。

たとえば、メニュー項目「DISABLE ME」の色を変えたり、背景を変えたりしたいのですが。

ここに画像の説明を入力してください

色を赤(または緑など)に設定しようとしているJSFiddleがあります。

JSFiddleが停止した場合の基本事項は、次のとおりです。

HTML:

<ul id="sample-menu-1" class="sf-menu">
    <li class="current">
        <a href="#a">menu item</a>
        <ul>
            <li>
                <a href="#aa">menu item</a>
            </li>
            <li class="current">
                <a href="#ab">menu item</a>
            </li>
            <li class='disableLI'>
                <a href="#">DISABLE ME</a>
            </li>
            <li>
                <a href="#">menu item</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#">menu item</a>
    </li>
    <li>
        <a>menu item</a>
    </li>    
</ul>​

これがバニラJavascriptです:

$("ul.sf-menu").superfish();​

そして、これが機能しないCSSです:

.disableLI { color: red; }
.sf-menu, .disableLI { color : green; }

</ p>

4

3 に答える 3

0

間違った要素をターゲットにしただけだと思います

http://jsfiddle.net/WUjQQ/1/

物事を簡単にするために

.disableLI a { color: red !important; }
于 2012-10-05T19:54:04.583 に答える
0
.disableLI a { color : green; }
于 2012-10-05T19:54:05.373 に答える
0
li.disableLI { background-color : red !important; }
.disableLI a { color : green; }

これにより、liが赤になり、フォントの色が緑になります。

于 2012-10-05T20:06:49.647 に答える