Question

jquery下拉菜单问题 在ie7下鼠标没出下拉区域就消失了 如何解决

Answer 1

你说的是类似级联菜单那种吗？如果IE8、火狐等其他浏览器正常，这个的原因可能有几个：
1、如果你用的onmouseout事件，建议你换成onmouseleave试试，因为存在事件冒泡的问题。
2、如果存在子菜单，在子菜单上面也bind一个onmouseenter和onmouseleave事件。
参考：

$("#div_Exa ul li a").mouseover(function () {
$(this).parent().children("ul").slideDown(100);
$(this).parent().siblings().children("ul").hide(100);
}).mouseleave(function () {
var selector_Sub_Menu = $(this).parent().children("ul");
selector_Sub_Menu.hide();
selector_Sub_Menu.bind("mouseover", function () {
selector_Sub_Menu.show();
})
.bind("mouseleave", function () {
selector_Sub_Menu.hide();
});
});希望可以帮到你。

追问

http://www.izhu.org/ 在ie7下导航下拉，鼠标没有移出下拉区域，下拉区域会自动消失

追答

html页面里面将下拉区域的样式改下试试。加上display:block;把要下拉区域变成一个块显示。如果你其他浏览器没问题的话，这个应该不是js的问题，而是样式的问题，你调整样式试一试吧。应该是没什么问题的。

追问

js代码：
$('.wine_center').mouseenter(function(){
$(this).find('.drop_list').addClass('drop_show');
}).mouseleave(function(){
$(this).find('.drop_list').removeClass('drop_show');
});
// drop_show{display:block;}
js代码有问题吗？

追答

这个肯定有问题啊。你想你只写了在$('.wine_center')上面的mouseenter和mouseleave事件，没有写对应的$(this).find('.drop_list')的mouseenter事件啊，当你一旦离开$('.wine_center')这个，$(this).find('.drop_list')这个下拉区域当然自动消失，因为你没有$(this).find('.drop_list')的鼠标移入事件啊。所以你可以参考我最上面的那段代码。

追问

这样写在除了ie7都可以的，ie7下会无故自动消失的