2013-06-25 56 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()函数创建的模态。