初心者の質問だと思いますが、そうではないかもしれません...プロジェクトにSimpleModalを使用しており、ページに複数のトリガーとモーダルがある場合があります。
ページはこちら: http://lumetta.highchairdesign.com/newsite/lumenate-portfolio/linen
トリガーのマークアップは次のようになります。
<a class="modalbutton" href="#item_31" title="D112 Sand"
style="background-image: url(/newsite/documents/gallery_photos/59.D112-Sand.jpg);">
</a>
Modal のマークアップは次のようになります。
<div id="#item_31" class="modal">
<h3>D112 Sand</h3>
<a href="javascript:;" class="lumenate_largethumb" style="background-image: url(/newsite/documents/gallery_photos/59.D112-Sand.jpg);">
</a>
</div>
はい、私はそれが奇妙であることを知っていますが、モーダルにはスプライトが含まれているため、背景画像で A を使用しています...
私のJSは次のようになります:
$(".modalbutton").click(function (e) {
var iden = $(this).attr("href");
$("" + iden + "").modal( {
close: true
});
});
私の JS は、クリックされたリンクを特定し、適切な DIV を挿入しようとしています。クリック アクションを取得し、モーダル コンテナーを表示しますが、コンテンツは挿入されません。
「iden」変数を引用符で囲みましたが、引用符を使用しませんでした...役に立ちません。$.modal( $( iden ), { etc... のようなモーダル アクションの直接呼び出しを試みましたが、うまくいきませんでした。コンテンツの div ID を SimpleModal の適切な設定変数に渡そうとしましたが、これは「dataId」です。 「……サイコロはいらない。
気を失って寝ます。これは単純なはずでした。ヘルプ?