在界面中最多使用的是div,如果一个div中包含多个div或img对象时, 针对mouseout鼠标移出事件时,并没有移出div层,但是当移动到div中的img时,也触发了该mouseout事件,这就是事件冒泡的描述.
解决方法: 可以使用jquery bind可以阻止浏览器的一些默认行为.
部分代码:
$(".buy").mouseout(function(){
$(this).hide();
});
改成: $(".buy").bind("mouseleave", function() {
$(this).hide();
});
将问题解决.(使用mouseleave替代mouseout、用mouseenter替代mouseover)