我有一个导航菜单,可以在悬停在第一级项目上时打开子菜单下拉菜单。单击第一级链接后,鼠标位于新页面上的相同位置....所以这就是:
在普通浏览器(Firefox,Safari和Chrome)上,只有在鼠标移动后才会触发悬停效果。
在Internet Explorer上,似乎在加载后立即触发悬停,因为下拉列表直接打开(这非常烦人)。我甚至在鼠标移动中映射了悬停功能,但这并没有改变任何东西(即使甚至在没有移动Oo的情况下也会在加载时触发鼠标移动)。
这里简化的代码:
jQuery( '#mainmenucontainer' ).hoverIntent( {
over: function() {
jQuery( 'body' ).addClass( 'mainmenu_active' );
},
out: function() {
jQuery( 'body' ).removeClass( 'mainmenu_active' );
}
} );
jQuery( '#mainmenu > ul > li' ).hoverIntent( {
over: function() {
jQuery( '#mainmenu > ul > li' ).removeClass( 'active' );
jQuery( this ).addClass( 'active' );
}
} );