我怎样才能显示一个jQuery UI对话框，而不是一个警告框，大量文本的

问题描述：

我有以下几点：我怎样才能显示一个jQuery UI对话框，而不是一个警告框，大量文本的

alert(ajaxContext.responseText);

这表明相当大量的信息，并警告框截断误差文字，所以我看不到完整的信息。有什么方法可以使用jQuery UI对话框而不是警告框。

例如，我可以使用jQuery UI对话框并让responseText出现在可滚动区域吗？

你需要明确的错误信息，在某种弹出的显示up对话框？我首先建议在弹出对话框之前在Chrome或Firebug for Firefox中使用'console.log（error_message）;' – 2012-02-16 07:36:22

您能解释我可以如何将这些数据发送到控制台日志以及如何查看它。我一直在使用小提琴来显示HTTP错误响应，并刚毕业来捕捉这个并且放入一个警报日志。我对其他方式显示数据感兴趣。 – 2012-02-16 07:41:29

答

您可以使用类似这样http://jsfiddle.net/qQdpP/

$("<div id='newdlg'></div>").html(ajaxContext.responseText) 
.dialog({ 
resizable: false, 
minWidth: 400, 
modal: true, 
title: 'Alert', 
hide: 'scale', 
buttons: { 
    OK: function() { 
     $(this).dialog("close"); 
    } 
    }, 
    close: function(e) { 
    e.preventDefault(); 
    $(this).remove(); 
    } });

答

可以覆盖JavaScript警告功能：

function alert(message){ 
     $("#alert-context").text(message); 
     $("#alert").dialog("open"); 
    } 



<div id="alert" style="display: none"> 
    <img src="/xtras/images/yellow-warning.gif"/> 
    <p id="alert-context"> 
    </p> 
</div>

答

在你的成功的功能把你的响应消息的对话框或growl。一个jQuery用户界面对话框的例子：

//success handler of your ajax function 
success: function(ajaxContext){ 
    $('#dialog p').text(ajaxContext.responseText); 
    $('#dialog').dialog("open"); 
}

标记

<div id="dialog" title="Basic dialog" style="display:none"> 
    <p></p> 
</div>

我怎样才能显示一个jQuery UI对话框，而不是一个警告框，大量文本的

相关推荐