我剛開始使用jQuery,我需要一個包含評論表單的模式窗口。使用AJAX提交表單後,服務器將返回一個狀態消息,以顯示在模式窗口上。我怎樣才能讓模態窗口被調整大小(從大窗口將審查表格保存爲適合狀態消息的小窗口)?加載新內容時更改大小的jQuery模態窗口
對此有任何推薦的插件/教程?開始使用插件是最好的方式嗎?
我剛開始使用jQuery,我需要一個包含評論表單的模式窗口。使用AJAX提交表單後,服務器將返回一個狀態消息,以顯示在模式窗口上。我怎樣才能讓模態窗口被調整大小(從大窗口將審查表格保存爲適合狀態消息的小窗口)?加載新內容時更改大小的jQuery模態窗口
對此有任何推薦的插件/教程?開始使用插件是最好的方式嗎?
您可以嘗試jQuery UI的對話框,「寬度」和「高度」的屬性設置爲「自動」
一個設置width
和height
到auto
的需要注意的是,當對話框的大小比你的內容下面較大,它會拉伸。我發現設置maxHeight
和/或maxWidth
有助於控制。 maxHeight
的一個問題是,它有時不起作用!幸運的是,有一個簡單的解決方法:
$(".dialog").dialog({
open: function(event, ui) {
$(this).css({'max-height': 400, 'overflow-y': 'auto'});
},
...
});
我會檢查http://colorpowered.com/colorbox/ - 這是一個夢幻般的模式解決方案,並具有動態調整大小。該演示顯示了幻燈片中的照片大小調整,並且支持AJAX和iFrame解決方案。在ajax'success:function()'中使用resize方法應該不難 – AlienWebguy