当鼠标在两个元素之间移动时鼠标悬停效果中断

Question

我正在使用pixastic库为图像（表格）添加模糊效果。桌子上的项目也具有相同的效果（它们具有相同的类别，并且在类的元素上调用了像素模糊效果）。

然而，当鼠标在元素之间移动时，效果会消失一毫秒＆amp;然后看来，不用说，这看起来很可怕。

在上表中，模糊像素效果被应用于表格＆amp;桌上的三件衬衫。当鼠标从一个元素（比如表格）移动到另一个元素时，模糊效果会中断（仅一瞬间）。

这是我的代码：

// class .cItemsOnTable is elements which need to be blurred
$(document.body).on("mouseover", ".cItemsOnTable", function (event) {
    /* as the blur effect is suppose to simulate eye focus, 
       I use pixasticRevert func. to revert the blur effect 
       on other elements when mouse hovers over elements with
       class cItemsOnTable */
    pixasticRevert();
    var modelWearArray = $(".cModelWear");
    /* modelWearArray is the other elements which receive blur 
       effect if mouse is not hovering over class cItemsOnTable */
    $(modelWearArray).each(function () {
        $(this).addClass("cBlur");
        pixasticBlur();
    }
}).on("mouseleave", ".cItemsOnTable", function (event) {
    pixasticRevert();
    var itemsOnTableArray = $(".cItemsOnTable");
    $(itemsOnTableArray).each(function () {
        $(this).addClass("cBlur");
    });
    pixasticBlur();
});

Answer 1

jQuery中有两对事件 - mouseenter / mouseleave和mouseover / mouseout。阅读他们的文档，并选择最适合您需求的文档。此外，您在代码中将鼠标悬停与 mouseleave 混合在一起（除非出于某种原因这是故意的）。