javascript - jQuery .fadeToggle()在一页上有效，不在另一页上(相同代码)

我正在使用Jquery（1.7.1）在.hover（）上制作图像.fadeToggle

该图像在页面顶部，显示“ Concurso de Desfraces ...”。

该代码在以下页面上起作用：https://tienda.lirainwonderland.es

为什么在此页面上不起作用？：http://lirainwonderland.es

我可以对.hover（）发出警报，因此我确定问题出在.fadeToggle（）

我尝试使用firebug来查找此问题的根源，并且当我在线中断脚本时，似乎在“脚本”面板的“堆栈”选项卡上似乎有所不同，但不确定为什么...

这是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>

最佳答案

当您运行代码时，会看到一个错误

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

尝试在http://lirainwonderland.es/上运行它

这意味着您的2页上有不同的版本

jQuery.fn.jquery; // checks jQuery version

但这不是问题，似乎您的$（）不是jQuery，也许您还有其他脚本，例如mootools，prototype等

而不是$，您可以使用jQuery，当我尝试使用它时，它就可以工作。

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

关于javascript - jQuery .fadeToggle()在一页上有效，不在另一页上(相同代码)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14669134/