Jquery:当.mouseup浏览器的滚动条时,Div隐藏了

时间:2014-07-12 16:54:40

标签: jquery html scrollbar hide mouseup

我有一个函数可以在单击它时关闭(隐藏)div(mouseup),它工作正常但问题是:当我(mouseup)浏览器的滚动条div也被关闭(隐藏)而且我需要它可见。总之,我需要在.mouseup除了div本身和浏览器的滚动条之外的所有主体时隐藏该div。

这是我的功能。

//close the windows-wrapper, blackout effect, and #close
$(document).mouseup(function (e)
{
    var contain = $(".loadiv .windows-wrapper");

    if (!contain.is(e.target) 
        && contain.has(e.target).length === 0)
    {
        contain.fadeOut("fast");
        $('#blackout').fadeOut("fast");
        $('#close').fadeOut("fast");
    }
});

1 个答案:

答案 0 :(得分:1)

'使用

$('body')...

而不是

$(document)...

http://jsfiddle.net/YFmu9/4/

通常,文档关键字和正文选择器之间没有区别。但你已经设法找到一个我不知道的。感谢有趣的问题!

完整答案:

$('body').mouseup(function (e)
{
    var contain = $(".loadiv .windows-wrapper");

    if (!contain.is(e.target) 
        && contain.has(e.target).length === 0)
    {
        contain.fadeOut("fast");
        $('#blackout').fadeOut("fast");
        $('#close').fadeOut("fast");
    }
});