Question

我在下拉菜单更改时添加了一个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);
});

我也在document.ready

中添加此内容

$('[data-toggle="popover"]').popover({html:true,trigger: "hover"});

当我将鼠标悬停在它上面时，不会显示弹出窗口，但文本出现在data-content

Answer 1

您必须在.popover()事件监听器中移动change来电：

$('#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"});
});

Answer 2

添加后，尝试初始化popover：

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

在$('#result').html(txt);之后添加类似的来电。

动态添加时，不会显示Bootstrap Popover

2 个答案: