js onclick工作奇怪[重复]答案

【问题标题】：js onclick working strange [duplicate]js onclick工作奇怪[重复]
【发布时间】：2016-01-19 12:34:42
【问题描述】：

我有下一个代码

$.ajax({
                url: '/data',
                type: "POST",
                data: JSON.stringify(formData),
                contentType: "application/json",
                dataType: "json",
                success: function(response){
                    for (var i=0; i<response.length; i++) {

                        var htmlEdit = "creating button here";
                        var btnEdit = jQuery(htmlEdit);
                        btnEdit.appendTo(divCollapse);
                        btnEdit.click(function() {
                            editBooking(btnEdit);
                        });
                    }
               }
});


function editBooking(btn) {
    btn.button('loading');
}

所以我有相同项目的行。按钮按预期显示。单击任何按钮会调用 last 按钮的加载状态。我做错了什么？谢谢。

【问题讨论】：

@DarrenSweeney 这是将加载状态设置为引导按钮
你能把它弄出来吗？
btnEdit，在点击按钮的时候，editBooking(btnEdit);中的不是你想的那样。
@Teemu 那是什么？
这是您在所有点击处理程序的循环中创建的最后一个按钮。

标签： javascript twitter-bootstrap

【解决方案1】：

试试吧：

$.ajax({
    url: '/data',
    type: 'POST',
    data: JSON.stringify(formData),
    contentType: "application/json",
    dataType: "json",
    success: function(response){
        var htmlEdit;
        var btnEdit;
        for (var i=0; i<response.length; i++) {
            htmlEdit = 'creating button here';
            btnEdit = $(htmlEdit);
            btnEdit.appendTo(divCollapse);
            btnEdit.on('click', function(e) {
                editBooking($(this));
            });
        }
   }
});

function editBooking(btn) {
    btn.button('loading');
}

【讨论】：