Bootstrap 2.3.2工具提示不;t处理Ajax加载的内容

Bootstrap 2.3.2 Tooltip Doesn't Work On Ajax-Loaded Content

本文关键字：加载 Ajax 处理 工具提示 Bootstrap      更新时间：2023-09-26

我有一个WordPress博客，我在那里使用无限滚动插件无限加载帖子。我使用Twitter Bootstrap 2.3.2为博客开发了主题，并且我正在使用Bootstrap Tooltip插件在悬停时启动的推特Bootstrap工具提示中显示帖子元（日期等）。我的问题是，对于第一次加载网站时加载的默认帖子集，使用以下代码可以很好地使用工具提示：

$(document).ready(function() {
    $('.post-info a').tooltip();
})

但是，当用AJAX请求拉取的新帖子集动态更新".content"DIV时，相同的代码将停止处理新插入的帖子，并且上面提供的代码在鼠标悬停时不再显示Bootstrap工具提示。这是链接的HTML标记，应该在悬停时显示工具提示：

<a href="#" data-toggle="tooltip" data-placement="top" title="Dynamically inserted text with the help of PHP">Dynamically inserted text with the help of PHP</a>

你能帮我解决这个问题吗？

非常感谢！

您想要添加"选择器"选项

$('.post-info a').tooltip({
    selector: '.post-info a';
});

文档示例：http://jsbin.com/zopod/1/edit

相关文章：