我发现莫名其妙的一个奇怪的问题 - 会感激任何协助!遗憾的是,我无法提供相关开发网站的链接,因为我没有权限发布密码,因此我将尝试尽可能详细地描述该问题。
基本上,我使用标准结构设置了Superfish菜单,删节代码如下:
<ul class="sf-menu top-level">
<li class="level-1"><a class="level-1" href="/menu/">Menu Title</a>
<ul>
<li class="level-2"><a class="level-2" href="/sub-menu/">Sub-Menu Link</a></li>
<li class="level-2"><a class="level-2" href="/sub-menu/">Sub-Menu Link</a></li>
</ul>
</li>
<li class="level-1"><a class="level-1" href="/link/">Link Title</a></li>
<li class="level-1"><a class="level-1" href="/link/">Link Title</a></li>
</ul>
菜单全部正常工作。然而,sfHover类 - 除了应用于具有子ul元素的li之外 - 也被应用于li的点击时没有子ul,这导致样式应用于这些项目而没有我不想要的子菜单。我已经检查了Superfish的演示版本,这个异常也适用,所以它似乎是一个默认代码的'bug',但我无法弄清楚如何解决它。
http://users.tpg.com.au/j_birch/plugins/superfish/#examples
基本上,我希望sfHover(即sfDefaults中定义的类为hoverClass)仅应用于实际具有子菜单的项目。这在悬停时工作正常,但是在点击时应用全面的类,在我的情况下加载新页面之前的一瞬间看起来很奇怪,因为应用于sfHover的样式很明显只适用于有一些东西的项目子菜单内容。
我真的希望这是有道理的,并且会非常感激任何能够阐明这一点或建议解决方法的人,因为我正在撕扯我的头发!