2012-06-14 64 views
0
不工作

我試圖使用Twitter的引導酥料餅/工具提示,但我收到以下錯誤控制檯:Twitter的引導工具提示(PHP)的WordPress的

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> 

而且包括jQuery的頁面調用酥料餅的功能上是這樣的:

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

上解決此問題的任何想法,將不勝感激。

+0

你可以發佈你的網站的演示,並指出問題的地方去看看?你的設置應該工作。你是否包含必要的工具提示CSS? –

回答

0

幾件事情要檢查:網頁加載

  • 順序的原因 - 你的酥料餅是jQuery的前執行或jquery.popover.js插件被稱爲?

如果這是問題,你要撞你enque腳本/低優先級爲:

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

  • 你有jQuery的正確版本(WordPress的包一個它有時可能比外部腳本所需的更舊)?

  • 打開Firebug /網頁檢查和手動運行:
    jQuery('.popoverthis').popover({ placement: "bottom" });

要看看有什麼不順心

更新:有一些事情可能出錯(這是列表如何解決您的問題):

  • 您包括兩個網站上的jQuery的(可能由另一個插件) - 1.4.2在1.7.2之後,並且打破了基本的引導JavaScripts。
  • 你錯過了Bootstrap CSS這個插件需要的信息。它實際上工作,但它顯示網站底部的工具提示信息,因爲CSS是不是讓它看起來很漂亮。

解決方案:使用獨立popovover插件像這樣的由crowdfavorite: https://github.com/crowdfavorite/jquery-popover,也包括其CSS文件。

(你也可以拉引導的CSS但它可能會破壞你的網站CSS

+0

感謝您的迴應,腳本以正確的順序載入,正如頁面源中所示。 jQuery使用的版本是1.7.2這是最新版本。 當我手動運行的代碼,我得到了同樣的錯誤: 類型錯誤:對象#有沒有方法「酥料餅」 我已經嘗試了許多不同的工具提示插件和所有已給定對象相同的結果,有沒有一種方法。 .. –

+0

任何機會,你可以給我的網址? –

+0

我現在在主頁的底部添加了「測試」一詞:http://www.discoversolar.co.uk/ 您將在控制檯中看到錯誤。 –

0

我不能看到$ .noConflict任何呼叫();

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

我試過的jQuery(」。popoverthis')。隱藏()的結果相同的控制檯,就在現場去了。

+0

該網站沒有下降,只是有點間歇地慢!我從來沒有使用noConflict之前,我是否在外部js文件或頁面上的調用中調用它? –

+0

看一下http://api.jquery.com/jQuery.noConflict/中的例子,很好的解釋。 – baptme

+0

我曾嘗試將此代碼添加到代碼中,但仍顯示相同的錯誤。我想我做對了! –