javascript - 使用 jquery 创建某些 html 内容的新实例

Question

我正在尝试创建一个模式框，从那开始加载某些 html 内容

假设我有一个链接

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

现在，我有要使用模式加载的内容，该模式隐藏并在单击 LINK 时加载

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

</div>

现在我有 jQuery，当点击 LINK 时它会附加更多内容

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

上面的工作正常，只有一个链接在使用，但有多个这样的链接

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

如果我单击它们中的每一个，它们每次都会单独添加相同的内容，现在我知道我可以.empty()在每次使用开始时使用，但我想知道如何使用<script type = "text/template"> // content </script>或任何其他创建实例的方式来执行此操作

多谢你们

Answer 1

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

因此，每次单击标签时，都会在模态变量中获得一个新对象。