jquery - 如何在动态元素上绑定(bind)引导工具提示

Question

使用 Bootstrap 工具提示时，我们需要编写这样的代码才能具有工具提示功能:

$(".showtooltip").tooltip();

但问题是，每次通过 ajax 加载新内容时，我们都需要重新运行该代码。无论如何，是否可以运行代码一次并在加载新元素时自动应用工具提示？

谢谢。

Answer 1

您需要使用selector属性。参见documentation :

"If a selector is provided, tooltip objects will be delegated to thespecified targets. In practice, this is used to enable dynamic HTMLcontent to have tooltips added. See this and an informativeexample."

JS 示例代码:

$('body').tooltip({
    selector: '.createdDiv'
});

$('#add-button').click(function() {
    $('<div class="createdDiv" data-toggle="tooltip" title="Some tooltip text!">Hover over me</div>').appendTo('#container');
});

<强> DEMO