jquery - bootstrap popover html类丢失

Question

我有这个引导弹出窗口：

$(function(){
    $('#example').popover({
        placement: 'bottom', 
        html: true, 
        content: $('#side').html()
    });
});

它从 div 中获取其内容代码：

<div id="side">
    <a href="#" class="song1">SummerShe</a><br/>
    <a href="#" class="song2">Funeral Beaver</a>    
</div>  

问题是，当我单击弹出框上的链接时，没有任何反应，我认为歌曲 1 和歌曲 2 类不会传输到弹出框。

（如果我单击 div id="side" 上的链接，这些类工作得很好，所以这显然是一个弹出框的问题。）

Answer 1

您实质上是在#side. 在进行浅层克隆时，不会复制数据和事件处理程序，这就是为什么单击链接什么都不做的原因。相反，创建一个也复制数据和事件处理程序的深度克隆：

$(function(){
    $('#example').popover({
        placement: 'bottom', 
        html: true, 
        content: $('#side').children().clone(true);
    });
});

如果您不使用 内部的链接#side，最好在弹出框打开后直接将它们附加到弹出框，但我想您还没有这样做是有原因的。