0

初心者の質問だと思いますが、そうではないかもしれません...プロジェクトに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」です。 「……サイコロはいらない。

気を失って寝ます。これは単純なはずでした。ヘルプ？

4

1 に答える 1

2

.load() はあなたが探しているものだと思います:

$(".modalbutton").click(function(e)
{
    var iden = $(this).attr("href");
    $("<div></div>").load( iden ).modal(
    {
        overlayClose: true
    });
});
于 2013-01-17T12:46:07.417 に答える