Bootstrap popover更改html内容

我需要经常更改bootstrap popover中的popover内容。 为了使我用内容创建弹出窗口，下次我销毁了弹出窗口并再次创建。 但它没有按预期工作。 问题是它只在偶数时间工作，即。 它第一次工作第二次它不工作第三次工作等等。

我创建了我的场景

HTML

 note 
  haii  

使用Javascript

 var i = 0; var content = "
haiii
" + i; $('#today_not_to_doctr').popover({ title: "
Note to Doctor
", content: content, html: true, placement: "bottom", viewport: { selector: 'body', padding: 20 } }); $('#test').on('click', function() { i++; content = "
haiii
" + i; $('#today_not_to_doctr').popover('destroy'); $('#today_not_to_doctr').popover({ title: "
Note to Doctor
", content: content, html: true, placement: "bottom", viewport: { selector: 'body', padding: 20 } }); }); 

我已经在小提琴中复制了这个问题https://jsfiddle.net/sulusfiddle/b8omeph2/

Answer 1

试试这个：

 var i = 0; var popover = $('#today_not_to_doctr').popover({ title: "
Note to Doctor
", trigger: 'manual', template: '
', content: function() { return "
haiii
" + i; }, html: true, placement: "bottom", viewport: { selector: 'body', padding: 20 } }); $('#test').on('click', function() { i++; popover.popover("show"); }); 

    
 note 
  haii