Javascript 如何禁用链接的悬停？I'；我在用li:hover

我正在尝试禁用菜单的悬停功能。
我希望仅在某些条件下启用它。
我试过使用

$（“.ulColor”）.removeClass（'hover'），但这不起作用

用于启用悬停的CSS代码为：

li:将ul，li.悬停在ul上{display:block；}

以下是菜单所在的HTML DIV-

<div id="pColorSelectorDiv" class="parentOfAll">  
    <ul id="colorNav" class="ulColor">  
        <li id="liColorNav" ><a id="colorSelected" class="firstAnchorChild">Colors</a>  
            <ul id="ulColorChild" class="ulColor">  
                <li><a id="bkgColor-1" class="bkgColor-1 anchorClass" name="colorPallete" onclick="colorPicked('1');">COLOR</a></li>  
                <li><a id="bkgColor-2" class="bkgColor-2 anchorClass" name="colorPallete" onclick="colorPicked('2');">COLOR</a></li>   
               <li><a id="bkgColor-3" class="bkgColor-3 anchorClass" name="colorPallete" onclick="colorPicked('3');">COLOR</a></li>   
           </ul>  
        </li>  
    </ul>  
</div>

我想你想要

li.hover:hover ul { display: block; }

而不是

li:hover ul, li.over ul { display: block; }

现在，仅当
li
悬停且具有
悬停
类时，此样式才会影响
ul


另外，您还可以使用编辑表单上的“代码示例”按钮（带0和1的按钮）来格式化代码。除其他外，它将保留缩进（从而提高可读性）。组合键为
ctrl+K
。我已经编辑了您的一个代码示例来演示它。
我想您需要

li.hover:hover ul { display: block; }

而不是

li:hover ul, li.over ul { display: block; }

现在，仅当
li
悬停且具有
悬停
类时，此样式才会影响
ul


另外，您还可以使用编辑表单上的“代码示例”按钮（带0和1的按钮）来格式化代码。除其他外，它将保留缩进（从而提高可读性）。组合键为
ctrl+K
。我已经编辑了您的一个代码示例来演示它。
我添加了一个按钮，单击该按钮，应禁用悬停。我在单击按钮$（“.ulColor”）.removeClass（'hover'）时执行此操作；但它不起作用。我做得不对吗？明白了！对不起，我完全没有抓住要点。添加css行，然后这样做以启用hover-$（“#liColorNav”）.addClass（'hover'）；它正确地添加了“hover”类。谢谢你，尼基塔！！我添加了一个按钮，单击该按钮，应该禁用悬停。我在单击按钮$（“.ulColor”）.removeClass（'hover'）时执行此操作；但它不起作用。我做得不对吗？明白了！对不起，我完全没有抓住要点。添加css行，然后这样做以启用hover-$（“#liColorNav”）.addClass（'hover'）；它正确地添加了“hover”类。谢谢你，尼基塔！！