覆盖javascript ALERT到jquery对话框

Question

我试图做魔术并将我的所有平台javascript警报转到jquery对话框,我按照以下脚本

<div id="overrideAlert"></div>

<script>
window.alert = function(message) {
    $('#overrideAlert').text(message).dialog({
        modal:true,
        title:'Message',
        buttons: {
            'OK':function(){
                $(this).dialog('close');
            }
        }
    });
};
</script>

但没有运气.

这有一个干净的解决方案吗？谢谢,

Answer 1

我宁愿一个动态的div,而不是

$('<div />').text(message).dialog({
    modal:true,
    title:'Message',
    buttons: {
        'OK':function(){
            $(this).dialog('close');
        }
    },
    close:function(){ $(this).dialog('destroy').remove(); }
});

DEMO.