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

我有一个WordPress博客，我使用无限滚动插件无限加载帖子。我使用Twitter Bootstrap 2.3.2开发了博客的主题，并使用Bootstrap Tooltip插件在Twitter Bootstrap工具提示中显示后期元（日期等），并在悬停时触发。我的问题是与职位，负载时，该网站第一次加载时，提示工作只是罚款使用下面的代码的默认设置：Bootstrap 2.3.2工具提示不适用于Ajax加载的内容

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

但是当“内容” DIV动态与新集更新由AJAX请求拉的帖子，相同的代码停止在新插入的帖子上工作，上面提供的代码不再显示鼠标悬停时的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>

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

非常感谢！

来源

2014-10-04 Avinash Kumar

感谢检举这是重复的。这里链接的其他答案并不能解决我的问题。如果我采用了该页面上建议的方法，则工具提示在任何地方完全停止工作，即使对DOM中存在的现有元素也是如此。 – 2014-11-03 22:51:55

Bootstrap和jQuery UI之间存在冲突，这就是为什么链接页面上的建议（动态创建的元素上的事件绑定）昨天不起作用。对不起大家！ – 2014-11-04 12:36:02

如果其他人正面临Bootstrap和jQuery UI之间的冲突问题，这里是解决方案：http://stackoverflow.com/questions/13731400/jqueryui-tooltips-are-competing-with-twitter-bootstrap – 2014-11-04 12:41:50

您想从文件建立添加 '选择' 选项

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

例子：http://jsbin.com/zopod/1/edit

来源

2014-10-04 18:03:18

感谢您的答案！我尝试过，但是然后工具提示完全不起作用。它只适用于我这样做： '$（“selector”）。tooltip（）;' – 2014-11-03 22:53:04

这几乎是正确的 - 你需要一个选择器（它始终存在于页面上）。例如，如果你有一个父母div #posts，你可以做'$（'＃posts'）。tooltip（{selector：'.post-info a'}）;' – 2014-11-04 00:53:32

谢谢，山姆！这个和jsbin例子中的建议，Funk Man连接起来不知何故今天有效，但它的错误。当我使用'$（“selector”）。tooltip（）;'技术时，工具提示样式显示得很好，但是当我使用你建议的技术时，工具提示div（带样式）不是创建。它仅在窗口的左侧显示没有任何样式的工具提示数据。另外，悬停时，''（“selector”）。tooltip（）;'，当我悬停时，'aria-describeby =“ui-tooltip-n”'（n = number）链接，一个新的div是用“tooltip”类创建的。 – 2014-11-04 07:56:21

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

回答

相关问题