Réinitialiser la variable en javascript (jQuery)

Question

J'essaie de réinitialiser une variable (qui met à jour la valeur src d'une image) lorsque l'on clique sur une zone d'une image cliquable, de sorte que la fonction hover appelle une image différente lorsque l'utilisateur survole sur une autre zone de la carte-image.

J'ai une variable appelée "état" que j'ai définie dès le départ. C'est la variable que je veux réinitialiser quand on clique sur une zone.

var state = "path/to/images/feed1.png"; 

J'ai quelques fonctions impliquant hover() et click().

$("#Map area").click(
    function() { 
     var button = $(this).attr("id");     
     // here is where i want to reset the 'state' variable 
     var state = "path/to/images/" + button + ".png"; 
     alert("you clicked "+button+" hello"); 
     return false; 
    } 
); 


$("#Map area").hover(
    function() { 
     var button = $(this).attr("id"); 
     over("path/to/images/" + button + ".png"); 
    }, 
    function() { 
     off(); 
    }); 

Et certaines fonctions que ces fonctions appellent:

function over(image) { 
    $("#feednavImg").attr("src", image); 
} 

function off() { 
    $("#feednavImg").attr("src", state); 
} 

Answer 1

Retirez le var de Infront de state étaient vous essayez de 'reset' il. Mettre var en face de la variable le définit dans la portée du gestionnaire de clic #Map area.

Answer 2

var state = "path/to/images/feed1.png"; 
var stateReset = state 

en cas de clic: state = stateReset