JS OnClick работает странно

Question

JS OnClick работает странно

-3

У меня следующий код

$.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');
}

Поэтому у меня есть строки с одинаковыми элементами. Кнопки отображаются так, как ожидалось. Щелчок на любую кнопку вызывает состояние загрузки для последней кнопки. Что я делаю неправильно? Спасибо.

rocknow 19 янв. 2016, в 13:53

Источник

0

@DarrenSweeney это установленное состояние загрузки для кнопки начальной загрузки
rocknow 19 янв. 2016, в 12:38
0

Вы можете просто поиграть в то же самое?
Kunal Kakkad 19 янв. 2016, в 12:41
0

btnEdit , во время нажатия кнопки, в editBooking(btnEdit); это не то, что вы думаете.
Teemu 19 янв. 2016, в 12:41
0

@Тиму, так что это?
rocknow 19 янв. 2016, в 12:42
0

Это последняя кнопка, которую вы создали в цикле во всех обработчиках кликов.
Teemu 19 янв. 2016, в 12:43

Показать ещё 3 комментария

Теги:

javascript

twitter-bootstrap

1 ответ

Ещё вопросы

@DarrenSweeney это установленное состояние загрузки для кнопки начальной загрузки
Вы можете просто поиграть в то же самое?
btnEdit , во время нажатия кнопки, в editBooking(btnEdit); это не то, что вы думаете.
Это последняя кнопка, которую вы создали в цикле во всех обработчиках кликов.

T'lash · Accepted Answer · 2016-01-19T14-40-00.000Z

Просто попробуйте:

$.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');
}