84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
使用的bootstrap的popover时,元素是通过ajax向服务器请求返回的,但是这个动态生成的元素无法绑定popover的初始化函数popover()。不知道这个怎么才能正常绑定进行初始化。尝试通过点击元素时,调用popover('toggle')。但是这样需要点击两下才可以正常显示内容。但是如果在调用popover('toggle')前面加上popover(),可以正常显示,但是这样每次点击都会调用popover()进行初始化。
业精于勤,荒于嬉;行成于思,毁于随。
應該要在請求返回並放入 Body 時進行綁定
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方法
應該要在請求返回並放入
Body
時進行綁定jsFiddle
每次点击的时候: 判断如果已经初始化了就直接return,否则就初始化,初始化完成后并且手动调用popover的show方法