![](/img/trans.png)
[英]Jquery works on one page and doesn't work on another with the same code/links
[英]Jquery .fadeToggle() works on one page, doesn't on another (same code)
我正在使用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");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.