javascript - bootstrap的popover动态元素绑定问题
迷茫
迷茫 2017-04-11 11:31:01
0
2
236

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

reply all(2)
迷茫

應該要在請求返回並放入 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

洪涛

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!