nivoSlider和外部jQuery之間的jquery衝突

我運行一個WordPress主頁上有一個Nivoslider的網站。我不得不使用另一個插件才能工作，我需要在header.php文件中包含jquery，在'head'標籤中。現在，當我在<?php wp_head(); ?>下包含jquery文件時，Nivo滑塊不起作用並卡在加載屏幕上。我試圖尋找在互聯網上這個問題，並嘗試一個解決方案，我添加上述<?php wp_head(); ?>下面的代碼：nivoSlider和外部jQuery之間的jquery衝突

<?php 
    wp_deregister_script('jquery'); // Remove the default jQuery script 
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', false); // Register the Google hosted Version 
    wp_enqueue_script('jquery'); // Enqueue the Google Hosted version 
    ?>

添加上述<?php wp_head(); ?>此代碼後，滑塊的第一張幻燈片現在纔出現的，我可以」 t通過單擊下一個/上一個按鈕在幻燈片之間切換。另外，當我從header.php文件中刪除代碼<?php wp_head(); ?>並添加jquery文件時，我的其他插件開始正常工作，但滑塊停止工作。我認爲jquery被加載兩次，這是造成衝突，但我似乎無法找到從哪裏產生問題。這裏是我的網站上，我正在運行的Nivoslider和其他插件：http://ignoremusic.com/

來源

2013-04-02 Fahad Hasan

錯誤JS控制檯看到：

Uncaught TypeError: Property '$' of object [object Object] is not a function

在WordPress，你可能會遇到一些問題，嵌入了jQuery版本代替使用：

$('#div').hide()

試試這個：

jQuery('#div').hide()

或者你可以使用JQuery.noConflict（）

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

我personnaly嵌入在noConflict（）函數的滑塊的JS代碼。

來源

2013-04-03 07:19:56

非常感謝！我嘗試了你的第一種方法，現在它工作得很好。感謝您的幫助，非常感謝:) –

nivoSlider和外部jQuery之間的jquery衝突

回答

相關問題