使用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
});

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

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

如果我点击它们中的每一个，它们每次都会单独添加相同的内容我知道我可以在每次使用开始时使用.empty()但我想知道如何使用{{ 1}}或创建此

实例的任何其他方式

谢谢你们

Answer 1

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

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