javascript - 在 javascript (jQuery) 中重置变量

Question

我试图在单击图像映射的某个区域时重置变量(更新图像的 src 值)，以便当用户将鼠标悬停在图像映射中的另一个区域上时，悬停函数调用不同的图像.

我有一个名为“state”的变量，我立即设置了它。这是我想在单击某个区域时重置的变量。

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

我有几个涉及hover() 和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();
    });

以及这些函数调用的一些函数:

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

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

Answer 1

如果您尝试“重置”它，请从 state 前面删除 var。将 var 放在变量前面，将其定义在 #Map area 点击处理程序的范围内。