質問

imgタグでクリックとアニメーション機能をバインドしようとしました。 Firefoxで正常に動作します。しかし、IEで問題が発生しました。だから私はコードを簡素化し、クリックについてのみテストしました。クリック機能も使用できません。クラス「arrowimg」のimgタグのクリック機能を次に示します。

$('.arrowimg').click(function(){alert("Show me")});

このアラートはFFで受信しますが、IEでは何が問題になりますか?

編集:imgタグ用のHTML生成コード

<img src='http://localhost/gowri/Project/SS4U/public/images/symbols/advartise_right_arrow_NEW.gif' id="next" class="arrowimg" alt="advartise_right_arrow" />
役に立ちましたか?

解決

ドキュメント準備イベントにあることを確認してから、セミコロンでアラートを終了します。

$(document).ready(function() {
    $('.arrowimg').click(function(){alert("Show me");});
});

編集:マークアップに何か問題があるように見えます:

「advartise_right_arrow_NEW.gif」を二重引用符で囲んでいます。

代わりに次のようになります:

<div id="nextdiv">
    <img src="<?php echo _SS4U_SYM.'advartise_right_arrow_NEW.gif'; ?>" 
        id="next" class="arrowimg" alt="advartise_right_arrow"/>
</div>

他のヒント

一般に、IE6はこれを処理できるはずです。セレクターで一致するものがあることを確認してください

alert($('.arrowimg').length);

そうでない場合、他の何かが初期段階で間違っている可能性があります。

これを試してください

$('.arrowimg').click(function(event){
   event.preventDefault();
   alert("Show me");
});

今後の参考のために: jQueryバージョンとjQuery構文を確認してください

jQuery 1.6および

の使用
 $('#elem_id').on('click', function(){ }); 

on 機能のため、機能しません。エラー: 'undefined'は関数ではありません

使用

 $('#elem_id').click(function(){ }); 

代わりに、または新しいjQueryバージョンにアップグレードします。 https://developers.google.com/speed/libraries/devguide#jquery

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top