显示两个jQuery叠加层

时间:2014-02-11 13:40:03

标签: javascript jquery html css overlay

我正在尝试使用jQuery在页面加载时打开两个叠加层。但只有第二个出现。我对javascript相对较新,所以这对你们来说可能是一个非常简单的问题。

使用Javascript:

<script type="text/javascript">
$(document).ready(function () {
    $("#overlay-left").overlay({ top: 200, closeOnClick: false, load: true });
    $("#overlay-right").overlay({ top: 500, closeOnClick: false, load: true });
});

两个叠加:

<div class="overlay" id="overlay-left">
<ul>
    [...]
</ul>

<div class="overlay" id="overlay-right">
<ul>
    [...]
</ul>

我真的可以在这里使用一些指导。任何帮助或建议都将深表感谢。

1 个答案:

答案 0 :(得分:1)

在jquery overlay插件的文档中,你明显使用的插件,

有一个选项

  

oneInstance:true

     

默认情况下,只能有一个叠加层   页面一次。将此属性设置为false允许您拥有   多个叠加实例。

点击此链接http://jquerytools.org/demos/overlay/multiple.html