javascript - 禁用 Superfish 菜单项

Question

这感觉应该很容易做到，但由于某种原因我遇到了麻烦。我有一个相当普通的Superfish菜单（只有顶行和下拉菜单，没有子菜单）。

我想禁用其中一个菜单项而不将其从菜单中删除。处理 onClick 很容易 - 如果您选择了菜单，只需忽略单击。给我带来麻烦的部分是向用户指示“此菜单项已禁用”。

例如，我希望菜单项“禁用我”具有不同的颜色、不同的背景等。

我有一个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>

Answer 1

li.disableLI { background-color : red !important; }
.disableLI a { color : green; }

这将使 li 变为红色，字体颜色变为绿色。

Answer 2

我认为您只是针对错误的元素

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

让事情变得简单

.disableLI a { color: red !important; }

Answer 3

.disableLI a { color : green; }