jquery - 如何在 jquery 的弹出对话框中添加页脚？

Question

我正在尝试使用 jqueryui 对话框创建弹出窗口。我正在尝试在对话框中的内容之后添加页脚。

我的对话框应该看起来像

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

对话框已经有标题，我可以将内容放在 div 中。但是，我怎样才能添加页脚html？

我希望这个页脚出现在网站上的所有弹出窗口中。

Answer 1

只需将您当前的内容容器分成内容和页脚 div：

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

然后把它放在对话框的内容中。

Answer 2

你的 HTML 是什么样的？我会想象这样的事情：

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

...然后您的问题的 glib 答案是“与将内容放入标题和内容部分的方式相同。”

在 JQuery 中它会是这样的：

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

Answer 3

这就是我的做法……它没有样式，但如果你想这样做，你可以这样做。

如果您将具有“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 元素有一个实际的“状态栏”或“页脚”区域选项。