Dans Jquery, la fonction de clic ne fonctionne pas pour img dans IE 6

Question

J'ai essayé de lier les fonctions de clic et d’animation sur une balise img. Cela fonctionne très bien dans firefox. mais s'est mal passé avec IE. Donc, j'ai simplifié le code et testé uniquement pour le clic. Même la fonction clic n'est pas glacée. Voici ma fonction de clic pour mon tag img avec la classe 'arrowimg'.

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

Je reçois cette alerte en FF mais pas dans IE, quel est le problème?

EDIT: voici le code généré par HTML pour la balise img

<img src='http://localhost/gowri/Project/SS4U/public/images/symbols/advartise_right_arrow_NEW.gif' id="next" class="arrowimg" alt="advartise_right_arrow" />

Answer 1

Assurez-vous qu'il s'agit de l'événement "document ready", puis terminez l'alerte par un point-virgule.

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

MODIFIER : il semblerait que votre balisage prenne de l'ampleur:

Vous avez des guillemets autour de 'advartise_right_arrow_NEW.gif'.

Est-ce que cela devrait plutôt être ceci:

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

Answer 2

Généralement, IE6 devrait être capable de gérer cela. Assurez-vous d’obtenir des correspondances pour votre sélecteur

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

Si ce n'est pas le cas, il se peut que quelque chose d'autre se soit mal passé plus tôt.

Answer 3

Essayez ceci,

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

Answer 4

Juste pour la référence future: Vérifiez votre version de jQuery et votre syntaxe jQuery .

Utilisation de jQuery 1.6 et

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

ne ne fonctionnera pas à cause de la fonction activée . Erreur: "indéfini" n'est pas une fonction

Utiliser

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

à la place ou passez à une version plus récente de jQuery. https://developers.google.com/speed/libraries/devguide#jquery