使用 Jquery (1.7.1) 我正在尝试制作图像 .fadeToggle on .hover()
图片位于页面顶部,上面写着"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、原型等
而不是$,你可以使用jQuery,当我尝试它时它工作了。
jQuery('#concurso2').fadeToggle("slow", "linear");