动态添加的html无法使用bootstrap的tooltip

经常有一些数据是通过 ajax 获取的,然后渲染到页面上,通过 append 或者其他方式把 html 加载到 DOM 页面,但这个时候无法使用 js 中的一些事件,可以通过$('body').on(''click'',xxxx,function(){})来解决部分(比如click)事件,但碰到 tooltip 怎么解决

bootstrap 中的 tooltip 调用方式为:$('[data-toggle="tooltip"]').tooltip()

解决方式:

1
2
3
$("body").tooltip({
    selector: '[data-toggle="tooltip"]'
});

原文: https://stackoverflow.com/questions/9958825/how-do-i-bind-twitter-bootstrap-tooltips-to-dynamically-created-elements