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