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>

...然后你的问题的滑稽回答“就像把内容放入标题和内容部分一样。”

在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元素有一个实际的“状态栏”或“页脚”区域选项。 / p>

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

3 个答案: