У меня следующий код
$.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');
}
Поэтому у меня есть строки с одинаковыми элементами. Кнопки отображаются так, как ожидалось. Щелчок на любую кнопку вызывает состояние загрузки для последней кнопки. Что я делаю неправильно? Спасибо.
Просто попробуйте:
$.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');
}