0

その開始から特定のhtmlコンテンツをロードするモーダルボックスを作成しようとしています

リンクがあるとしましょう

<a href='#'>LINK</a>

これで、非表示のモーダルを使用してロードするコンテンツがあり、LINK をクリックするとロードされます

<div id='modal'>
// more content goes here

</div>

これで、LINK をクリックしたときにさらにコンテンツを追加する jQuery ができました。

$('#modal').live('click',function(){
// more appending done here
});

上記は、使用中の LINK が 1 つだけの場合でも問題なく動作しますが、このような複数のリンクがある場合

 <a href='#'>LINK</a>
 <a href='#'>LINK</a>
 <a href='#'>LINK</a>

それぞれをクリックすると、毎回同じコンテンツを個別に追加し続けます。各使用の開始時に使用できることはわかっていますが、またはこのインスタンスを作成する他の方法を.empty()使用してこれを行う方法を知りたいです<script type = "text/template"> // content </script>

みんなありがとう

4

1 に答える 1

0 
$("body").on("click","a",function(){
    var modal = $("<div id="modal"></div>");
    modal.html(<content goes here>);
    return false;
})

したがって、タグをクリックするたびに、モーダル変数に新しいオブジェクトが取得されます。

于 2013-04-21T12:19:17.433 に答える