Bootstrap 2.3.2工具提示不适用于加载Ajax的内容

时间:2014-10-04 17:51:34

标签: javascript jquery html wordpress twitter-bootstrap-2

我是一个WordPress博客,我使用Infinite Scroll插件无限加载帖子。我使用Twitter Bootstrap 2.3.2为博客开发了主题,并且我使用Bootstrap Tooltip插件在Twitter Bootstrap工具提示中显示post meta(日期等),该工具提示会在悬停时触发。我的问题是,在网站首次加载时加载的默认帖子集,使用以下代码工具提示工作正常:

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

但当" .content"使用AJAX请求提取的新帖子集动态更新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>

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

非常感谢!

1 个答案:

答案 0 :(得分:0)

您想添加'select'选项

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

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