jquery:如果鼠标位于元素上方，则删除初始页面加载时的悬停

Question

我有一个菜单，悬停时显示子菜单。我的问题是，当页面加载时，如果鼠标位于任何菜单元素上，则会触发悬停事件。我希望发生的是，在初始页面加载时，如果鼠标位于菜单元素之一上，则悬停事件不会触发；如果鼠标不在菜单元素上，则一旦用户鼠标位于菜单元素上，就会触发正常的悬停事件。

预先感谢您提供的所有帮助，

Answer 1

@Mörre 的想法很好，这是一个使用 jQuery 的启发:

$(document).ready( function() {
    // sets a loaded class on your menu when DOM is loaded (you could also try the $(window).load event)
    $('#menu').addClass('loaded');

    // add the hover event on the links of your menu only if the menu has the loaded class
    $('#menu.loaded a').live('mouseover mouseout', function(event) {
                if (event.type == 'mouseover') {
                    // do something on mouseover
                } else {
                    // do something on mouseout
                }
            });
        });