jquery mouseenter,mouseleave和overlay

时间:2014-09-21 08:49:32

标签: jquery mouseenter mouseleave

)我在这里查看了有关此问题的消息,并尝试了许多找到的建议但没有成功:

我想在一篇文章上添加一个叠加层,但是我希望通过鼠标拖动这个叠加来删除这个叠加层并防止它再次追加,除非我再次用鼠标重新输入文章。

现在的问题是,当叠加层消失时,鼠标突然出现在文章上,使叠加层立即重新出现,这是非常逻辑的。 结果:它像地狱一样闪烁。

如何防止此行为?

谢谢

$('.article').mouseenter(function(){ 

    var xx=$(window).width();

    if (!$('boxOverlay').length) {
        $('body').append('<div class="boxOverlay"></div>');
        $('.boxOverlay').css({
            'height': $(window).height(),
            'display': 'block',
            'position': 'fixed',
            'z-index': '99',
            'width': '1050px',
            'margin-left': (xx-1050)/2,
        });
    }

    $('.boxOverlay').mouseleave(function(){
      $('.boxOverlay').remove()  
    })
});

我尝试悬停(其中有两个相反的功能)但没有成功。

1 个答案:

答案 0 :(得分:0)

$('.article').mouseleave(function(){
      $('.boxOverlay').remove()  
});

现在它会起作用。