jquery mobile：如何在固定頁腳上顯示彈出窗口？

Question

如何在固定頁腳上方放置彈出窗口，就像它在附加圖片中所描繪的一樣？

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

感謝。

Answer 1

好吧，如果您使用的是所有jQuery基礎，您可以使用jGrowl來創建通知，只需要一點工作就可以得到一個很好的結果。

Answer 2

jQuery Mobile popup的問題在於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; 
} 

你應該修改這個值，以適應您的彈出高度。