0

我有一个使用无序列表并使用 jQuery 悬停方法的 CSS 下拉菜单：它运行良好，除非用户在页面加载时将光标放在绑定到悬停的元素上。

发生这种情况时，当光标离开“悬停”区域时，下拉菜单会显示在位置之外。当光标回到悬停区域时，菜单返回到原来的位置。

IE

水果 蔬菜 苹果 胡萝卜 梨 甜菜

用户将鼠标悬停在水果上，菜单会在正确的位置下拉。如果用户在页面加载时将光标放回“Fruits”上，则当光标离开“Fruits”时，下一个下拉菜单会出现位置不正确。离开“Fruits”，然后回到“Fruits”，菜单重新定位正确。

我尝试使用 $(document).ready 包装所有内容，认为这可能会有所帮助，因为这似乎只有在页面加载期间将菜单选项悬停在鼠标上方时才会发生。没运气。

这是我正在进行的 jquery 调用：

$("ul.dropdown li.navMainFmt").hover(function(){
    $(this).addClass("hover");
    $('ul:first',this).fadeIn();

// }， 功能（）{

    $(this).removeClass("hover");
$('ul:first',this).toggle();

});

我确实在 stackoverflow 上搜索了答案，但不太确定如何表达这个问题。感谢您对先前解决方案的任何想法或帖子。

4

0 回答 0