Comment changer le gestionnaire de clic de cette image?

Question

J'ai le code HTML suivant:

<img src='img.png' onclick='document.write("Hi there!")' /> 

... et le code JavaScript suivant:

$(document).ready(function() { 

    // Change the click handler 
    $('img').click(function() { 

     alert("Hi there!"); 

    }); 

}); 

Ce que je me attends arriver est que le gestionnaire de clic pour l'image est remplacée et que cliquant dessus produira une boîte de dialogue d'alerte. Au lieu de cela, le contenu de la page change, comme dicté par le gestionnaire de clic dans le tag. Comment puis-je changer le gestionnaire de clic lors de l'exécution?

Note: Voici une démo interactive, vous pouvez jouer avec:
http://jsfiddle.net/ykmaG/

Answer 1

Vous devez supprimer le onclick d'origine:

$('img').removeAttr('onclick').click(function() { ... }); 

Answer 2

Je ne voudrais pas utiliser l'attribut onclick, au lieu restez avec jQuery cliquez sur().

Pour dissocier un événement, voir Unbind().

Cela aide-t-il du tout?