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 内のコンテンツは表示されません。どんな助け/提案も素晴らしいでしょう。ありがとうございました!