jQuery / JavaScript分配点击事件循环（关闭？）[重复]

Question

可能重复：
循环内的Javascript闭合-简单的实际示例

我正在为“仪表板”网页创建状态表。 每个状态都处于“开”或“关”状态。

我正在尝试使用jQuery button/buttonset来具有开关/切换控件，以允许用户切换状态值。 我根据ajax数据库查询动态创建表和按钮。

我基本上是想在用户单击按钮之一时触发ajax查询，但是我正在努力正确地分配click事件。

无论单击什么按钮，我的第一个回合都会产生最终的列表值触发。

因此，阿哈！ 这是标准的“ JavaScript关闭”问题。 （所以我认为...）

进一步尝试它并没有产生任何效果，而且我对闭包问题的理解还不够深刻，无法弄清楚为什么我的技术是错误的。

这是我要调用的代码：

function SetStatus(item, status) {
    var params = '{itemName: "' + item + '", status: "' + status + '"}';
    $.ajax({
        type: "POST",
        url: "WebServices/Dashboard.asmx/SetItemStatus",
        data: params,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: StatusSet,
        error: ShowError
    });
}

这是我正在尝试的代码的当前版本：

$(itemOnButton).click(
    function (_item) {
        SetStatus(_item, 'On');
    } (itemName)
);

结果是，从数据库中获取结果后（甚至在显示结果之前）， SetStatus会立即为status =='On'的最后一项触发。

我知道这很简单，但我仍然坚信这是一个基本的关闭问题，但我的头撞墙了！ 谢谢你的帮助！

Answer 1

$(itemOnButton).click(
    function (_item) {
        SetStatus(_item, 'On');
    } (itemName)
);

当前，您在点击时会触发“关闭”功能。 尝试

$(itemOnButton).click(
    function (ev) { 
        // this is the clicked element
        // ev is the event object

        // how do you get the name?
        // var itemName = $(this).attr("name");

        SetStatus(itemName, 'On');
    }
);

你也可以

$(itemOnButton).click(
    function (_item) {
        return function (ev) {
            SetStatus(_item, 'On');
        };
    } (itemName)
);

现在它会像您一样触发，但不会立即执行，而是返回click的事件处理函数。

返回的事件处理函数现在是_item的闭包。 匿名函数是_item的范围，通过参数设置为itemName。