Javascript 如果单击div，jquery不隐藏div

我有问题。 有这样的侧浮动菜单：

还有一些额外的js代码，如果单击该div以隐藏它

$(document).mouseup(function (e){
        var container1 = $(".customize");
        if(click == 0){
            if (!container1.is(e.target) && container1.has(e.target).length === 0){ // if the target of the click isn't the container...
                if($('.open_button').hasClass('opened')){
                    $('.open_button').trigger('click');
                }
            }
        }
    });

问题是，在该输入中，我使用jquery colorpicker插件，它有额外的div，如：

<div class="colorpicker dropdown-menu colorpicker-visible"></div>

---

如果单击最后一个div中的某个地方，并且类colorpicker colorpicker可见，我无法停止隐藏函数

mouseup

，我打赌这是某种

$(document).mouseup(function (e){
    if ($(e.target).parents(".customize").length === 0) {
        if ($('.open_button').is('.opened')) {
            $('.open_button').trigger('click');
        }
    }
});

这是一把又快又脏的小提琴：

---

检查颜色选择器id或类，并将其作为var container2=$（“颜色选择器”）；并应用与容器1相同的条件

您面临一个问题，因为颜色选择器容器不是在“自定义”分区中创建的。颜色选择器容器是使用脚本使用绝对位置创建的

  $(document).mouseup(function (e){
    var container1 = $(".customize");
    var container2 = $("color picker id or class");
    if(click == 0){
        if ((!container1.is(e.target) && container1.has(e.target).length === 0) && (!container2.is(e.target) && container2.has(e.target).length === 0)){ // if the target of the click isn't the container...
            if($('.open_button').hasClass('opened')){
                $('.open_button').trigger('click');
            }
        }
    }
});

---

你能修改你的代码吗？我添加了屏幕截图。对于小提琴来说，它需要一些时间，因为我没有那么多/@天蝎座：我把我的answer@Scorpioniz很高兴帮助你：）嗯。。可悲，但不是。。还是同一个问题问题是类

colorpicker visible

的div不在中。customize divis colorpicker visible是customize div的子项，或者它更像是弹出窗口？不是或，但它应该在container1和container2之间条件：）@Scorpioni在我的回答中更新了是：）这是因为我没有创建任何示例：）

$(document).mouseup(function (e){
    if ($(e.target).parents(".customize").length === 0) {
        if ($('.open_button').is('.opened')) {
            $('.open_button').trigger('click');
        }
    }
});

  $(document).mouseup(function (e){
    var container1 = $(".customize");
    var container2 = $("color picker id or class");
    if(click == 0){
        if ((!container1.is(e.target) && container1.has(e.target).length === 0) && (!container2.is(e.target) && container2.has(e.target).length === 0)){ // if the target of the click isn't the container...
            if($('.open_button').hasClass('opened')){
                $('.open_button').trigger('click');
            }
        }
    }
});