的Jquery在WordPress沒有運行

Question

我嘗試使用以下方法來創建一個小的縮略圖畫廊：

這是我使用的代碼：

http://fiddle.jshell.net/Gkjx2/

它明顯的jsfiddle運行但不是在我的網頁上，任何人都可以弄清楚發生了什麼問題？

Answer 1

解決了：

jQuery(document).ready(function(){ 
jQuery('.showImg').hover(function(){  


    var imgURL = jQuery(this).find('img').attr("src");  
    jQuery('#imgHolder').find('img').attr("src", imgURL);  
}); 
}); 

Answer 2

我不知道Wordpress，但也許它使用其他js-libs？ 在這種情況下，您的$可能正在使用中。

嘗試使用jQuery（stuff）而不是$（stuff）與jQuery.noConflict（）;在腳本的頂部

Answer 3

您在頁面上有一些錯誤，並且您的網站上沒有「.active」。

編輯

確保你的代碼是平行的。你的小提琴在工作，因爲代碼在那裏，但不在你的網站上。

好的，你的小提琴有一個img標籤，但是你的網站裏沒有一個標籤......這就是我的意思，你正在尋找一些與.find（）不存在的東西。

小提琴：

<div id="imgHolder"> 
    <img src="http://www.whitegadget.com/attachments/pc-wallpapers/16215d1222951905-nature-photos-wallpapers-images-beautiful-pictures-nature-444-photos.jpg" alt="" width="400" height="400">   
</div> 

網站：

<div id="imgHolder"> 
</div> 

這是你的小提琴應該是什麼樣子：

http://fiddle.jshell.net/Gkjx2/1/

你的問題是在使用find找到一個js的img標籤在imgHolder中，但沒有一個沒有發生。我建議添加您加載的第一張圖片。

Answer 4

首先：jQuery是兩次列入

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 

和

<script type="text/javascript" src="http://www.neurosignsurgical.com/v2/wp-includes/js/jquery/jquery.js?ver=1.7.2"></script> 

刪除一個更新其他到最新的版本，因爲兩者都是過時的。

其次，我似乎無法在任何地方找到您的代碼。

第三：在這種情況下，最好使用children而不是find。性能方面它會更快。

Answer 5

你可以使用一些插件來實現這一點。在wordpress.org上有很多免費插件可供使用，例如： Nextgen Gallery插件（我用過的最好的插件）。

燈箱畫廊插件。

希望它能幫助你。