jQuery的.fadeToggle（）的作品在一個頁面上，不會對另一個（相同的代碼）

Question

使用jQuery（1.7.1），我試圖使圖像.fadeToggle上.hover（）

的圖像是在頁面的頂部，它說：「Concurso德Desfraces ......」

代碼工作在本頁面：https://tienda.lirainwonderland.es

爲什麼它不在此頁上運行？：http://lirainwonderland.es

我能夠做出.hover）警報工作（所以我相信這個問題是.fadeToggle（）

我試圖用螢火蟲來找到這個問題的原因有似乎是腳本面板的堆棧選項卡上的性差異，當我打破行腳本，不知道爲什麼，雖然...

這裏是JavaScript：

$(document).ready(function() { 
$("#concurso").hover(function() { 
    $('#concurso2').fadeToggle("slow", "linear");    
}); 
}); 

這裏是CSS：

#concurso { 
position: relative; 
} 

#concurso2 { 
    display: none; 
    position: absolute; 
    top: -240px; 
    left: 0; 
} 

下面是HTML：

<a id="concurso" href=""> 
    <img id="concurso1" src="/images/consurso_de_disfraces_carnival_2013_rojo_inico.png" alt="Concurso de Disfraces Lira in Wonderland 2013" /> 
    <img id="concurso2" src="/images/consurso_de_disfraces_carnival_2013_rosa_inico.png" alt="Concurso de Disfraces Lira in Wonderland 2013" /> 
</a> 

Answer 1

當你剛剛運行的代碼，你會看到一個錯誤

$('#concurso2').fadeToggle("slow", "linear"); 

嘗試運行它http://lirainwonderland.es/

這意味着你必須在你的2頁不同的版本

jQuery.fn.jquery; // checks jQuery version 

但後來這不是問題，看來你的$（）不是jQuery的，也許你有喜歡Moot，樣機等有

其他腳本

而不是$，你可以使用jQuery它工作時，我試了一下。

jQuery('#concurso2').fadeToggle("slow", "linear");