1

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>
4

1 に答える 1

1

コードを実行すると、エラーが表示されます

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

http://lirainwonderland.es/で実行してみてください

これは、2 つのページに異なるバージョンがあることを意味します

jQuery.fn.jquery; // checks jQuery version

しかし、それは問題ではありません.あなたの $() はjQueryではないようです.mootools、prototypeなどの他のスクリプトがあるかもしれません.

$ の代わりにjQueryを使用でき、試してみるとうまくいきました。

jQuery('#concurso2').fadeToggle("slow", "linear");
于 2013-02-03T03:14:40.050 に答える