天哪,天啊。在研究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/