如何添加頁腳到jquery中的彈出對話框？

我想創建彈出使用jqueryui對話框。我正在嘗試在對話框中的內容之後添加頁腳。應該如何添加頁腳到jquery中的彈出對話框？

我喜歡的對話框

<popup> 
header-html 
content-html 
footer-html 
</popup>

對話框已經有頭，我可以把內容在div。但是，如何添加頁腳html？

我希望這個頁腳可以在網站上的所有彈出窗口中顯示。

來源

2010-02-20 Rajani Karuturi

您的當前內容的容器就分離成內容和頁腳的div：

<div class="dialogContent"> 
    <div class="content">Your existing content</div> 
    <div class="footer">The common footer stuff</div> 
</div>

然後把該對話框的內容中。

來源

2010-03-08 15:25:30

對此的一個改變是，我將所有的jquery對話調用通過rapper函數傳遞給jquery.dialog，並將footer div html添加到該函數內的dialogContent div中。 – 2010-03-09 11:37:33

你的Html是什麼樣的？我想像這樣的事情：

<div class="popup"> 
    <div class="header"></div> 
    <div class="content"></div> 
    <div class="footer"></div> 
</div>

...然後油嘴回答你的問題是「你把內容插入到頁眉和內容部分以同樣的方式。」

jQuery中它會是這樣的：

$(".footer").html("Hello World!");

來源

2010-03-08 14:29:18

實際上頭div是由jquery生成的。所以HTML就像 content here

。 jquery對話框只會詢問內容div的ID（我不能給它兩個div ID，並且說一個是頁腳，一個是內容），並且它將頭部包裹在它的周圍。 – 2010-03-23 06:26:55

這裏是我如何做我的...它不是風格，但如果你想這是如何你可以做到這一點。

如果你把與類「mypopup」一個層到對話框，那麼你可以做到以下幾點：

$('.mypopup').parent().append('<div id="footer" style="position:absolute;display:none;bottom:0;float:left;width:98%;background-color:#c9c9c9;padding:5px;"></div>');

，這將使該對話框上的「卡殼」的頁腳，希望這將引導你在正確的方向......雖然我希望對話框UI元素有一個實際的「狀態欄」或「頁腳」區域選項。

來源

2011-02-25 18:33:38 sucitivel

如何添加頁腳到jquery中的彈出對話框？

回答

相關問題