2011-07-22 105 views
0

我剛開始使用jQuery,我需要一個包含評論表單的模式窗口。使用AJAX提交表單後,服務器將返回一個狀態消息,以顯示在模式窗口上。我怎樣才能讓模態窗口被調整大小(從大窗口將審查表格保存爲適合狀態消息的小窗口)?加載新內容時更改大小的jQuery模態窗口

對此有任何推薦的插件/教程?開始使用插件是最好的方式嗎?

+1

我會檢查http://colorpowered.com/colorbox/ - 這是一個夢幻般的模式解決方案,並具有動態調整大小。該演示顯示了幻燈片中的照片大小調整,並且支持AJAX和iFrame解決方案。在ajax'success:function()'中使用resize方法應該不難 – AlienWebguy

回答

0

您可以嘗試jQuery UI的對話框,「寬度」和「高度」的屬性設置爲「自動」

2

一個設置widthheightauto的需要注意的是,當對話框的大小比你的內容下面較大,它會拉伸。我發現設置maxHeight和/或maxWidth有助於控制。 maxHeight的一個問題是,它有時不起作用!幸運的是,有一個簡單的解決方法:

$(".dialog").dialog({ 
    open: function(event, ui) { 
     $(this).css({'max-height': 400, 'overflow-y': 'auto'}); 
    }, 
    ... 
});