javascript - 精益模式中的关闭按钮

Question

嗨，我遇到了一个小问题，我需要添加到我已经获得 close.png 的leanmodal 关闭按钮图片，但我不知道如何将其添加到代码中。有什么帮助吗？

我的功能如下所示：

<script type="text/javascript"> $(function(){
      $('#loginform').submit(function(e){       return false;     });        
      $('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" }); }); 

</script>

Answer 1

您需要正确设置“hidemodal”类的css才能使其工作。

在leanModal网站的例子（通过分析源代码），你有这行代码：

.modal_close { position: absolute; 
               top: 12px; 
               right: 12px; 
               display: block; 
               width: 14px; 
               height: 14px; 
               background: url(../img/modal_close.png); 
               z-index: 2;}

因此，您需要更改.modal_close并.hidemodal调整此代码以满足您的需求。

另一个问题是你需要<a class="modal_close" href="#"></a>在你的 html 代码中有一个，它不是由 leanModal 插件自动添加的。

Answer 2

通过 CSS 声明添加它

  .hidemodal {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/close.png); <---- Add it here
    z-index: 2;
  }