leanModal.js -最简单的jQuery模式脚本故障排除
leanModal.js -最简单的jQuery模式脚本故障排除
提问于 2013-04-12 01:10:40
天啊天啊。在研究了leanModal (最简单的Modal窗口脚本)之后，很多小时，我仍然无法让它触发。
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>回答 2
Stack Overflow用户
回答已采纳
发布于 2013-04-12 01:24:03
您的代码完全工作，请检查您的jquery.leanModal.min.js路径是否正确。_/或应该是./
看看这个jsFiddle。
Stack Overflow用户
发布于 2017-03-31 21:00:40
尝试添加第三个参数。
$('#foo').leanModal({top:100,overlay:0.5,closeButton:".modal_close"});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15961484
复制相关文章
相似问题
腾讯云开发者
