Twitter引导工具提示（PHP）在Wordpress中不起作用

我试图使用Twitter引导弹出窗口/工具提示，但在控制台中出现以下错误：

Uncaught TypeError: Object #<Object> has no method 'popover'

以下元素应为popover：

<th><span>Description:</span><img class="popoverthis" src="<?php bloginfo('template_url')?>/images/info.png" data-content="This is the content" title="Title"></th>

Description:/images/info.png“data content=”这是内容“title=”title“>

页面上包含的用于调用popover函数的jQuery如下所示：

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.popoverthis').popover({
        placement: "bottom"
    });
});

jQuery（文档）.ready（函数（）{
jQuery（'.popoverthis'）.popover({
位置：“底部”
});
});

---

如果您有任何关于解决此问题的想法，我们将不胜感激。

请检查以下几点：

• 页面加载顺序-是在调用jquery之前执行您的popover还是

  jquery.popover.js

  插件

如果这是一个问题，您必须降低enque脚本的优先级，如下所示：

add_action（'wp_排队_脚本'，'dcr_排队_脚本'，**5**）//默认值为10

• 您是否有正确版本的jQuery（wordpress bundles one，它有时可能比外部脚本所需的版本旧）

• 打开firebug/web inspector并手动运行：
  

  jQuery（'.popooverthis'）.poover（{placement:“bottom”}）；

看看哪里出了问题

更新：几乎没有什么事情会出错（下面列出了如何解决您的问题）：

• 您在站点上包含了两个jQuery的（可能是另一个插件）-1.4.2在1.7.2之后，打破了基本的引导Java脚本
• 您缺少此插件所需的引导CSS信息。它实际上可以工作，但它会在网站底部显示工具提示信息，因为CSS不在那里以使其看起来漂亮

解决方案：使用crowdfavorite提供的独立popovover插件： 还包括它的CSS文件

---

（你也可以使用bootstrap的CSS，但它可能会破坏你的网站CSS）

我看不到对$.noConflict（）的任何调用

---

我尝试了jQuery（'.popoverthis'）.hide（）在站点关闭之前，从控制台加载相同的结果。

感谢您的响应，从页面的源代码中可以看到，脚本以正确的顺序加载。使用的jQuery版本是1.7.2，这是最新版本。当我手动运行代码时，我得到相同的错误：TypeError:Object#没有方法“popover”我已经尝试了许多不同的工具提示插件，所有插件都给出了相同的结果对象没有方法…你能给我url吗？我现在添加了“测试”这个词“在主页底部：您将在控制台中看到错误。有两件事：-引导插件包装窗口。jQuery在您的用户空间中不存在。试着把它改成（jQuery）-你使用的jQuery 1.4.2对于boostrap来说可能太旧了（注意！所有javascript插件都需要最新版本的jQuery。）我更新了帖子，解释了你的问题的核心以及如何解决它。网站没有关闭，只是有点间歇性地慢！我以前从未使用过noConflict，我是在外部js文件中调用它，还是在页面上的调用中调用它？请看中的示例，它解释得很好。我曾尝试将其添加到代码中，但仍然显示相同的错误。我想我做对了@我相信你做得对。并且.hide（）正在工作。我只是想知道你是否可以在一个类上而不是id上使用popover。我在另一个使用类的站点上使用了相同的工具提示，没有任何问题。你能发布一个站点的演示并指出问题区域在哪里吗？你的设置应该正常。您是否包含工具提示所需的CSS？

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('.popoverthis').popover({
        placement: "bottom"
    });
});