Question

我使用了leanModal.min.js作为我的弹出窗口，但由于某种原因它不起作用。我怀疑是否存在与我正在使用的z-index或jquery库版本相关的问题。请帮帮....

CSS

<style>
#lean_overlay {
    position: fixed;
    z-index:1;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#mod{
display:none;   
z-index:10000;
width:330px;
    height: auto;
    left:45%;
    top:80px;
    background: #FFF;
}
</style>

HTML

<div id="mod"><p>Hello</p></div>

JS

<script type="text/javascript">
$(document).ready(function() {

        $("#modal_trigger").leanModal({top : 200, overlay : 0.6, closeButton: ".modal_close" });

});

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>var jQuery_1_11_1 = $.noConflict(true);</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>var jQuery_1_6_1 = $.noConflict(true);</script>

leanModal弹出窗口没有出现在触发器上

0 个答案: