IE 6のimgでJQueryのクリック機能が機能しない
-
05-07-2019 - |
質問
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
所属していません StackOverflow