真是的将leanModal(最简单的Modal Window脚本)奴役了很多小时后,我仍然无法触发它。

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>

最佳答案

您的代码完全可以正常工作,请检查您的jquery.leanModal.min.js路径是否正确。 _/或应为./

看看这个jsFiddle

关于jquery - leanModal.js-最简单的jQuery模式脚本故障排除,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15961484/

10-10 05:33