我有一个菜单,在鼠标悬停时显示子菜单。我的问题是,当页面加载时,如果鼠标在任何菜单元素上方,就会触发悬停事件。我希望在初始页面加载时,如果鼠标在菜单元素之上,则不会触发悬停事件;如果鼠标不在菜单元素之上,则用户将鼠标移到菜单元素上后正常的悬停事件会触发。
感谢您提前的任何帮助, B
感谢您提前的任何帮助, B
@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
}
});
});
$("menuElementSelector").hover(function(e){
e.PreventDefault();
});