如何使用Simple Modal创建多个叠加层？

Question

尝试使用Simple Modal创建多个叠加层。查看了文档以及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首先显示在图层中。