jquery - 如何使用简单模态创建多个叠加层？

Question

尝试使用简单模式创建多个叠加层。查看了文档以及 Stack 上的其他几篇帖子，但没有成功。希望更多有经验的 jQuery 开发人员可以加入并提供帮助。

HTML：

<div class="basic-modal work-thumb">
    <a class="basic" href="#">
        <img src="thumbnail.png" />
    </a>
    <a class="basic" href="#">
        <img src="thumbnail.png" />
    </a>
</div>

<div id="modal-help">
    Modal Content here...
</div>
<div id="modal-faq">
    Modal Content here...
</div>

JS：

$('.basic-modal .basic').click(function (e) {
    e.preventDefault();
    $('#modal-' + this.id).modal({
        position:[232,218],
        escClose:true,
        overlayClose:true
    });
        return false;
});//end simple modal

覆盖有效，但#modal-help 中的内容不显示。任何帮助/建议都会很棒。谢谢！

Answer 1

将最后点击的 div 设置为比刚刚点击的 div 低的 zvalue。这将导致新单击的 div 首先显示在图层中。