Jquery mobile：如何在固定页脚上方显示弹出窗口？答案

【问题标题】：Jquery mobile: How to show popup above a fixed footer?Jquery mobile：如何在固定页脚上方显示弹出窗口？
【发布时间】：2013-04-02 21:52:01
【问题描述】：

如何将弹出窗口定位在固定页脚上方，就像所附图像中描述的那样？

http://i.stack.imgur.com/dADjb.jpg

谢谢。

【问题讨论】：

标签： android jquery ios jquery-mobile jquery-mobile-popup

【解决方案1】：

jQuery Mobile 弹出窗口的问题是 x,y 定位工作正常。

但我们可以作弊，看看这个工作示例：http://jsfiddle.net/Gajotres/LSakj/

HTML：

<a href="#popup" data-rel="popup">Open Popup</a>
<div data-role="popup" id="popup" data-transition="slidedown" data-position-to="#footer-test" data-theme="a" data-overlay-theme="e" data-history="true">
    <p>U slučaju hitnoće koristi ovaj izbornik!</p>
</div>

在这种情况下，数据位置设置为页脚 id。不幸的是，这会将它放在页脚上，所以我们需要额外的 CSS 来将它放在页脚上。

CSS：

#popup {
    margin-bottom: 30px !important;
}

您应该更改此值以适应您的弹出高度。

【讨论】：

【解决方案2】：

如果你使用所有的 jquery 库，你可以使用jGrowl 来创建通知，只需做一些工作你就会得到一个不错的结果。

【讨论】：