如何更改 ThickBox 的默认行为？

Question

我在一页中使用 Thickbox，
现在正如你所知，如果我们点击厚盒页面的外侧[意味着在黑色部分]，

那么我想删除该行为，我想删除那个东西....意味着如果用户点击了该页面的外侧在黑暗部分，那么页面不应该被删除消失，它应该保留在窗口中。

通过单击“关闭”链接来关闭厚盒页面的唯一方法，

那么他们有什么方法可以做到这一点吗？

提前致谢，
尼兹。

Answer 1

我知道这是一个老问题，但我找到了另一种方法来做到这一点，而无需更改厚盒源代码，在启动厚盒窗口后，我执行以下操作：

tb_show('', 'website.php?inlineId=hiddenModalContent&TB_iframe=true');
jQuery("#TB_overlay").off('click');

这将删除单击操作，因此它变得像模态窗口而不会丢失标题栏。

Answer 2

在 Thickbox.js 中，转到函数 tb_show

在这个 if 语句中：

    if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
        $("body","html").css({height: "100%", width: "100%"});
        $("html").css("overflow","hidden");
        if (document.getElementById("TB_HideSelect") === null) {//iframe to hide select elements in ie6
            $("body").append("<iframe id='TB_HideSelect'></iframe><div id='TB_overlay'></div><div id='TB_window'></div>");
            $("#TB_overlay").click(tb_remove);  //Remove me
        }
    }else{//all others
        if(document.getElementById("TB_overlay") === null){
            $("body").append("<div id='TB_overlay'></div><div id='TB_window'></div>");
            $("#TB_overlay").click(tb_remove); //Remove me
        }
    }

您需要注释掉包含 $("#TB_overlay").click(tb_remove);。我在您应该注释掉的行上添加了 //Remove Me 注释。

Answer 3

这可以帮助你:-)

$("#TB_overlay").unbind("click",tb_remove);