Colorbox：请勿在#cboxOverlay内的#colorbox内点击＃colorbox

Question

我在Bootstrap项目中使用Colorbox插件。对于响应性更正，我在#cboxOverlay中添加了#colorbox div。它工作正常，但单击#colorbox本身时，弹出窗口关闭。

如何在#colorbox中单击时停止关闭#colorbox，它应该仅在单击父级#cboxOverlay时关闭。

我的代码是：

点击“getaddress”按钮

创建颜色框

$(".getaddress").colorbox({ inline: true, width: "100%", maxWidth: "620px", closeButton: false, 
                                onComplete: function () {
                                $('body').addClass("modal-open");
                                },
                                onClosed: function () {
                                $('body').removeClass("modal-open");
                                },

    });

将#colorbox附加到#cboxOverlay

$( document ).ready( function() {
  $("#colorbox").appendTo("#cboxOverlay");
});