Javascript 动态添加时，引导弹出窗口不显示

当下拉菜单更改时，我正在向我的文件夹中添加一个弹出框

$('#boarding').on('change',function(){
    var drl="sometext";
    txt='<td><a style="color:#333;" href="#" title="Dropping points" data-toggle="popover" data-trigger="focus" data-content="'+drl+'">Newitem</a></td>';
 $('#result').html(txt);
});

---

当我将鼠标悬停在其上时，不会显示弹出框，但文本显示在数据内容中，请在添加后尝试初始化弹出框：

$("a[data-toggle=popover]").popover();

---

在

$（'#result'）.html（txt）之后添加类似调用

您必须在

更改
事件侦听器中移动
.popover（）
调用：

$('#boarding').on('change',function(){
  var drl="sometext";
  txt='<td><a style="color:#333;" href="#" title="Dropping points" data-toggle="popover" data-trigger="focus" data-content="'+drl+'">Newitem</a></td>';
  $('#result').html(txt);
  $('[data-toggle="popover"]').popover({html:true,trigger: "hover"});
});

$（'#boarding'）。on（'change'，function（）{
var drl=“sometext”；
txt=''；
$（'#result'）.html（txt）；
$（'[data toggle=“popover”]'）。popover（{html:true，触发器：“hover”}）；
});

$('#boarding').on('change',function(){
  var drl="sometext";
  txt='<td><a style="color:#333;" href="#" title="Dropping points" data-toggle="popover" data-trigger="focus" data-content="'+drl+'">Newitem</a></td>';
  $('#result').html(txt);
  $('[data-toggle="popover"]').popover({html:true,trigger: "hover"});
});