1

私はいくつかのスクリプトを持っています：

$(window).load(function(){
$("#kontakt_kontakt").hover(
    function(){
       $("#kontakt").animate({left: '',bottom: '+=60'}, 440); 
    }, 
    function(){
       $("#kontakt").animate({left: '',bottom: '-=60'}, 440);  
    });

});

ホバーすると、imgが数ピクセル上に移動します。Chrome では完全に動作しますが、IE では実際には動作しません。何も起こりません。誰でもそれを解決する方法の手がかりを得ましたか? ここで確認できます: http://kafior.mydevil.net/index.html

4

4 に答える 4

3

このエラーがあります：

TypeError: element.dispatchEvent is not a function

element.dispatchEvent(event);

あなたのprototype.jsファイルには、いくつかのバージョンのjQueryとprototypeが含まれており、これらのフレームワークの$両方が. 、jQuery の 2 ～ 3 バージョンをダウンロードする必要がある本当の理由はありません。

于 2012-10-17T08:24:23.293 に答える
1

このエラーがあります：

SCRIPT438: Object doesn't support property or method 'dispatchEvent'

ここ：

 if (document.createEvent) {
    element.dispatchEvent(event);
 } else {
    element.fireEvent(event.eventType, event);
 }

見た目から、同じページで jQuery AND Prototype を使用しています。jquery noConflict モードを実行する必要があります。

jQuery.noConflict();

この行を jQuery コードの先頭に追加します。

于 2012-10-17T08:26:52.467 に答える
0

を押して [コンソールF12] タブを選択すると、ページに JavaScript エラーがあります。

ページに 2 つの異なる JavaScript フレームワーク ( prototypeとjQueryの両方が$関数を定義する) が含まれているため、エラーが発生しています。jQuery関数を使用して両方を同時に実行する方法については、同じページの「JQuery とプロトタイプの使用」を参照してください。.noConflict()

また、jQuery と<script>タグの最適化を検討する必要があります。単一のイベント ハンドル関数に組み合わせることができる重複したコードが多数あります。

于 2012-10-17T08:27:20.120 に答える
0

IEでも動作しますが、画像が邪魔です。

メニューの上のページをポイントすると、画像が動きます。ホバー イベントを持つ要素が画像の背後にあるため、画像をポイントしても移動しません。

于 2012-10-17T08:30:30.383 に答える