Question

我有以下内容：

alert(ajaxContext.responseText);

这显示了大量信息，警告框会截断错误文本，因此无法看到完整的消息。有什么方法可以使用jQuery UI对话框而不是警告框。

例如，我可以使用jQuery UI对话框并将responseText显示在可滚动区域中吗？

Answer 1

您可以使用类似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();
   } });

Answer 2

您可以覆盖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>

Answer 3

在您的成功功能中，将您的回复消息放在对话框或growl中。 jQuery ui对话框的示例：

//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对话框中显示大量文本而不是警告框

3 个答案: