我想了解 leanModal 的工作原理,但我似乎无法理解。我按照他们网站上的设置进行操作:http://leanmodal.finelysliced.com.au/?# .但是,我不明白第 3 步要做什么。
我已经在我的 html 文件中设置了这个函数:
<script type="text/javascript">
$('#btnToCreate-Join').click(function() {
$("#trigger_id").leanModal();
});
</script>
第 3 步说“调用模态触发器上的函数,如下所示。确保设置触发器 anchor 的 href 属性以匹配目标元素的 ID。”
我假设模态触发器是我想要单击以调出窗口的按钮。我不确定第二句话是什么意思。感谢您的帮助!
最佳答案
This is a sample pen demo for you. 你的 html 应该是这样的:
<a id="go" name="test" href="#test">Basic</a>
<div id="test">
bla bla bla
</div>
你的css应该是这样的:
#lean_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}
#test {
width: 600px;
padding: 30px;
display: none;
background: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}
你的 javascript 应该是这样的: 我假设您已经在 head 文档中引用了 leanmodal 脚本,并且您在浏览器的控制台中没有收到任何错误。
<script type="text/javascript">
$("#go").leanModal();
</script>
关于jquery - 无法让 leanModal 工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19415350/