当鼠标移过选定的孩子时，Mousein-mouseout会闪烁

Question

我想将mousein和mouseout用于parrent div，即“容器”;但是当你把鼠标放在“红色”和“黑色”的孩子身上时，它会闪烁（或者更好地说它再次应用这些事件！但是我不想再把这些事件束缚在你的孩子身上了是红色和黑色的divs）;我怎么解决这个问题？ Fiddle

JS：

$('#container').mouseover(function () {
    $('#red').stop(true, true).animate({
        width: '110px'
    }, 200);
})
$('#container').mouseout(function () {
    $('#red').stop(true, true).animate({
        width: '0px'
    }, 200);
})

由于

Answer 1

尝试mouseenter和mouseleave事件