jquery - Simple Modal で複数のオーバーレイを作成するには?

Question

Simple Modal を使用して複数のオーバーレイを作成しようとしています。ドキュメントとスタックに関する他のいくつかの投稿に目を通し、そうすることに失敗しました。願わくば、経験豊富な 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 がレイヤーに最初に表示されます。