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

Question

如何将弹出窗口定位在固定页脚上方，就像附图中所示？

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

感谢。

Answer 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;
}

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

Answer 2

如果您使用所有jquery基础，那么您可以使用jGrowl来创建通知，只需要做一些工作就可以得到很好的结果。