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.

Answer 2

它只是有效。

检查 jsfiddle demo 。

注意：您无法直接在alert('foo');的{{1}}标记内拨打<head>，因为dom上的div元素尚未就绪。

Answer 3

您的代码看起来很好，但请确保在页面中添加jquery和jquery-ui库。

演示：Plunker

Answer 4

如果我们在警报自动进行之前提交页面。有些人在那里保存了成功的消息但没有要求＆＃34;确定＆＃34;。我已经完成了警告。任何建议。 window.alert = function（message，fallback）{

$(document.createElement('div')).attr({title: 'Alert', 'class': 'alert'}).html(message).dialog({
  buttons: {OK: function(){$(this).dialog('close'); callback()}},
  autoOpen: true,
  close:function(){$(this).remove();},
  draggable: true,
  modal: false,
  resizable: false,
  height:'auto',
  width: 'auto'
});

覆盖javascript ALERT到jquery对话框

4 个答案: