javascript - bootstrap的popover动态元素绑定问题

Question

使用的bootstrap的popover时，元素是通过ajax向服务器请求返回的，但是这个动态生成的元素无法绑定popover的初始化函数popover()。不知道这个怎么才能正常绑定进行初始化。
尝试通过点击元素时，调用popover('toggle')。但是这样需要点击两下才可以正常显示内容。但是如果在调用popover('toggle')前面加上popover()，可以正常显示，但是这样每次点击都会调用popover()进行初始化。

Answer 1

應該要在請求返回並放入 Body 時進行綁定

$(function () {

  // $('[data-toggle="popover"]').popover()
  
  fakeDom(function(dom) {
    $dom = $(dom)
    // 這裡就應該預先初始化了
    $dom.popover()
    $('body').append($dom)
  })
  
})

function fakeDom(callback) {

    setTimeout(function() {
        callback && callback('<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Tooltip">異步載入</button>')
    }, 1000)

}

jsFiddle

Answer 2

每次点击的时候： 判断如果已经初始化了就直接return,否则就初始化，初始化完成后并且手动调用popover的show方法