Question

使用Jquery（1.7.1）我试图在.hover（）上创建一个.fadeToggle图像

图片位于页面顶部，显示“Concurso de Desfraces ....”

代码适用于此页面：https://tienda.lirainwonderland.es

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

我可以在.hover（）上进行警报工作，所以我确定问题出在.fadeToggle（）

我已经尝试使用firebug来查找此问题的来源，当我在线破解脚本时，在Scripts面板的Stack选项卡上确实存在差异，但不确定为什么......

这是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，也许你有其他脚本，如mootools，prototype等等

而不是$，你可以使用 jQuery ，当我尝试它时它会起作用。

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

Jquery .fadeToggle（）在一个页面上工作，不在另一个页面上工作（相同的代码）

1 个答案: