Question

男人哦。在使用了最简单的模态窗口脚本leanModal之后，我仍然无法触发它。

leanModal：http://leanmodal.finelysliced.com.au

我的网站：http://wlvrtn.com/sites/nms-leanmodal/

帮助jQuery noob出去？

HEAD：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="_/js/jquery.leanModal.min.js"></script>
<script type="text/javascript">
        $(function() {
            $('a[rel*=leanModal]').leanModal({ top : 200, closeButton: ".modal_close" });       
        });
</script>

CSS：

#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}

#test {
width: 600px;
display:none;
background: #FFF;   
}

HTML：

<a class="request-consultation" rel="leanModal" name="test" href="#test">
    Request Complimentary Consultation
</a>                 

<div id="test">
    <p>Lorem ipsum dolor sit amet.</p>
</div>

Answer 1

您的代码完全有效，请检查您的jquery.leanModal.min.js路径是否正确。 _/或./

看看这个jsFiddle。

Answer 2

尝试添加第三个参数。

$('#foo').leanModal({top:100,overlay:0.5,closeButton:".modal_close"});

Answer 3

您还应该添加Jquery库。

leanModal.js - 最简单的jQuery模态脚本故障排除

3 个答案: