javascript - 检查div是否可见并在单击外部时关闭

Question

有人可以解释我如何将这两个脚本合二为一吗？谢谢！

$(document).ready(function(){
    if ($('.myContainer').is(':visible')) {
        alert('Hello');
    } 
});


$(document).mouseup(function(e) 
{
    var container = $(".myContainer");

    if (!container.is(e.target) && container.has(e.target).length === 0) 
    {
        container.hide();
    }
});

标签： javascript

Answer 1

这是您可以组合您拥有的两块代码的一种方法：

$(document).ready(function(){
  $(document).mouseup(function(e) 
  {
    var container = $(".myContainer");

    if (container.is(':visible') && !container.is(e.target) && container.has(e.target).length === 0) 
    {
        container.hide();
    }
  });
});