2012-02-16 47 views
0

我有以下幾點:我怎樣才能顯示一個jQuery UI對話框,而不是一個警告框,大量文本的

alert(ajaxContext.responseText); 

這表明相當大量的信息,並警告框截斷誤差文字,所以我看不到完整的信息。有什麼方法可以使用jQuery UI對話框而不是警告框。

例如,我可以使用jQuery UI對話框並讓responseText出現在可滾動區域嗎?

+0

你需要明確的錯誤信息,在某種彈出的顯示up對話框?我首先建議在彈出對話框之前在Chrome或Firebug for Firefox中使用'console.log(error_message);' – 2012-02-16 07:36:22

+0

您能解釋我可以如何將這些數據發送到控制檯日誌以及如何查看它。我一直在使用小提琴來顯示HTTP錯誤響應,並剛畢業來捕捉這個並且放入一個警報日誌。我對其他方式顯示數據感興趣。 – 2012-02-16 07:41:29

回答

2

您可以使用類似這樣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(); 
    } });​ 
1

可以覆蓋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> 
1

在你的成功的功能把你的響應消息的對話框或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> 
相關問題