首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >leanModal.js -最简单的jQuery模式脚本故障排除

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

Stack Overflow用户
提问于 2013-04-12 01:10:40
回答 2查看 12.1K关注 0票数 3

天啊天啊。在研究了leanModal (最简单的Modal窗口脚本)之后,很多小时,我仍然无法让它触发。

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

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

帮个jQuery菜鸟出来?

头:

代码语言:javascript
运行
复制
<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:

代码语言:javascript
运行
复制
#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:

代码语言:javascript
运行
复制
<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>
EN

Stack Overflow用户

发布于 2017-03-31 21:00:40

尝试添加第三个参数。

代码语言:javascript
运行
复制
$('#foo').leanModal({top:100,overlay:0.5,closeButton:".modal_close"});
票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15961484

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档