Question

jquery javascript写ul 下拉菜单哪里出错

因为是练习,请指出错误,而不要给我粘贴已经写好的代码.
按我说从"第一章"进入"第一节"以及以下内容,应该ul.class都会一直显示,但事实鼠标向下移动ul.se会出现一个mouseout的事件,我鼠标明明没有走出ul范围,怎么会触发 呢,百思不得其解,求指教

Answer 1

鼠标进入ul.se li后触发的mouseout。你需要添加event.stopPropagation();阻止冒泡。

$(this).next("ul").mouseout(function(event){
    $(this).slideUp();
   event.stopPropagation(); // or return false;
})

Answer 2

你的代码是
$(''.capter a'').mousexxx();
$(''.capter a'')匹配的是<a>第一章</a>。你的事件都是绑定在a便签上。离开a便签就会处罚mouseout事件。

Answer 3

事件冒泡问题

1. 阻止事件冒泡，楼上说的那个

2. 用mouseenter和mouseleave取代mouseover和mouseout

Answer 4

是你给 里边的ul绑定了mouseout事件，所以会触发咯