javascript - jQuery 事件传播？

Question

我正在尝试使用 jQuery 为 div 制作动画，问题是动画不会“传播”到其子级(不确定我是否使用了正确的术语，我很抱歉”)。请采取看看我的演示，当您将鼠标悬停在绿色框上时，它会执行代码，但是当您点击示例文本时，它会关闭..因此结果会再次重新启动动画..希望我解释正确..

另外，有人可以分享他们如何掌握 Javascript 或其库(如 jQuery)的经验吗？...我真的很想在这个特定领域表现出色...

$('.js_boxFeature').on(" mouseenter", function () {     
    $(this).animate({
        "top": "-20px"
    }, "fast");
});


$('.js_boxFeature').on(" mouseout", function () {
    $(this).animate({
        "top": "0"
    }, "fast");
});

这是我的 Fiddle

Answer 1

问题似乎是使用mouseout事件而不是 mouseleave

$('.js_boxFeature').on("mouseleave", function () {
    $(this).stop(true).animate({
        "top": "0"
    }, "fast");
});

演示:Fiddle