javascript - 检查 Thickbox 是否打开

Question

我使用 WP，并使用 Thickbox 在自定义页面的后端上传图像。

JS有没有办法检查Thickbox是否打开？

我需要检查这一点，因为我有一个 onbeforeunload 事件(在某些情况下，当用户离开页面时显示警告)，但显然我不希望在用户离开页面时显示警告只是在 Thickbox 页面之间导航。谢谢。

我当前使用的代码 -

var bol_submit_clicked = false;
$('input[name="Submit"]').click(function(){
    bol_submit_clicked = true;
});

window.onbeforeunload = function closeEditorWarning(){

    var bol_option_changed = false;

    /** Check to see if the settings warning is displayed */
    if($('#unsaved-settings').css('display') !== 'none'){
        bol_option_changed = true;
    }

    /** Display a warning if the user is trying to leave the page with unsaved settings */
    if(bol_option_changed === true && bol_submit_clicked === false){
        return '';
    }


};

Answer 1

Thickbox 中没有固有的功能可供检查，但查看代码，您应该能够检查 #TB_window 是否存在和可见性:

var thickbox_shown = ($('#TB_window').is(':visible')) ? true : false;

或者，尝试计算 #TB_load 的长度:

var thickbox_shown = ($('#TB_load').length > 0) ? true : false;\