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

Question

我正在尝试使用Twitter Bootstrap Popover / Tooltip，但在控制台中出现以下错误：

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

我的函数文件中包含以下文件，这些文件可以在源代码中看到，并在单击时直接定向到正确的脚本：

add_action('wp_enqueue_scripts','dcr_enqueue_scripts');

if(!function_exists('dcr_enqueue_scripts')):
function dcr_enqueue_scripts(){

    wp_register_script('tooltip',get_template_directory_uri().'/js/bs-tooltip.js','jquery');
    wp_register_script('popover',get_template_directory_uri().'/js/bs-popover.js',array('jquery','tooltip'),'1.0');
    wp_enqueue_script('tooltip');
    wp_enqueue_script('popover');

}
endif; 

带有以下元素的弹出框：

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

页面上包含的用于调用popover函数的jQuery是这样的：

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

解决此问题的任何想法将不胜感激。

Answer 1

几件事要检查：

• 页面加载顺序-是否在调用jquery或jquery.popover.js插件之前执行弹出窗口？

如果出现此问题，则必须提高/降低enque脚本的优先级，如下所示：

add_action('wp_enqueue_scripts','dcr_enqueue_scripts', **5**); // default is 10

• 您是否具有正确的jQuery版本（wordpress捆绑了一个版本，有时它可能比外部脚本所要求的版本更旧）？

• 打开firebug / web检查器并手动运行：
  jQuery('.popoverthis').popover({ placement: "bottom" });

看看出了什么问题

更新 ：还有几处可能出错的问题（这是解决问题的方法）：

• 您将在站点上包括两个jQuery （可能是另一个插件）-1.4.2出现在1.7.2之后，并且破坏了基本的自举JavaScript。
• 您缺少此插件所需的Bootstrap CSS信息。 它实际上可以工作，但是由于CSS并未使它看起来漂亮，所以它在网站底部显示工具提示信息。

解决方案 ：使用一个独立的popovover插件，例如：crowfavorite： https ： //github.com/crowdfavorite/jquery-popover ，并包括其CSS文件。

（您也可以拉入bootstrap的CSS，但这可能会破坏您的网站CSS ）

Answer 2

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

http://api.jquery.com/jQuery.noConflict/

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