2

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

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

谢谢。

4

2 回答 2

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

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

于 2013-04-02T22:37:21.727 回答
0

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

于 2013-04-02T21:55:27.700 回答