2013-06-25 73 views
1

嗨我想使用leanModal.js腳本我沒有任何真正的JQuery知識,所以我可能會留下一些東西在我可能需要回答的問題,無論如何,我有它的工作窗口彈出,當我做LeanModal關閉按鈕導軌

$("#new_playlist_add").leanModal({ closeButton: ".modal_close" }); 

我試圖得到它顯示像http://leanmodal.finelysliced.com.au/#的例子關閉按鈕,但我不知道我應該怎麼去呢?

+0

對不起老兄,但你的問題對我來說還不夠清楚。它工作還是不工作? – zekus

+0

它的工作原理,但我想包括像http://leanmodal.finelysliced.com.au/#上的版本關閉按鈕,但它不會工作。如果我做$(「#new_playlist_add」)。leanModal({top:200,overlay:0.4,closeButton:「.modal_close」});它應該包括按鈕? – user2520760

+0

不,看起來你需要將自己包含在'#new_playlist_add'元素中。 –

回答

1

看起來你需要在你的模態中添加一個.modal_close類的元素。然後,點擊它將關閉模式。

下面是從他們的網站的例子中的一部分:

<div id="signup" style="display: none; position: fixed; opacity: 1; z-index: 11000; left: 50%; margin-left: -202px; top: 200px;"> 
    <a class="modal_close" href="#">Close</a> 
    <p> Hello world</p> 
</div> 

的關鍵部分是,你的模式需要有一個具有相同類的元素,你當你開始指定模型。您需要:

<a class="modal_close" href="#">Close me!</a> 
+0

非常感謝那個例子 – user2520760

+0

這不是'modal_close'它是'模式關閉' –

0

您需要在模態內創建一個關閉按鈕鏈接。

<a href="#" class="modal-close" >Close modal</a> 

它將關閉由leanModal()函數創建的模態。