LeanModal 关闭按钮导轨答案

【问题标题】：LeanModal Close Button RailsLeanModal 关闭按钮导轨
【发布时间】：2013-06-25 16:07:23
【问题描述】：

您好，我正在尝试使用leanModal.js 脚本，我对JQuery 没有任何真正的了解，所以我可能会在我的问题中遗漏一些可能需要回答的内容，无论如何我可以让它弹出窗口当我这样做时

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

我正试图让它显示一个关闭按钮，如 http://leanmodal.finelysliced.com.au/# 上的示例，但我不确定我应该如何处理？

【问题讨论】：

对不起伙计，但你的问题对我来说不够清楚。它工作还是不工作？
它可以工作，但我正在尝试像leanmodal.finelysliced.com.au/# 上的版本一样包含关闭按钮，但它不会工作。如果我这样做 $("#new_playlist_add").leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });它应该包括按钮吗？
不，您似乎需要将按钮自己包含在 #new_playlist_add 元素中。
是的，谢谢，我认为它可能会提供一种方式，它本身就是愚蠢的。

标签： jquery ruby-on-rails view popup

【解决方案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>

【讨论】：

不是 'modal_close' 而是 'modal-close'

【解决方案2】：

您需要在模态框内创建一个关闭按钮的链接。

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

它将关闭leanModal()函数创建的模态。

【讨论】：