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

Question

天哪，天啊。在研究leanModal(最简单的模态窗口脚本)几个小时后，我仍然无法触发它。

精益模式:http://leanmodal.finelysliced.com.au

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

帮助 jQuery 菜鸟摆脱困境？

<小时/>

头部:

<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 .