Блог

Главная - Вопросы по программированию - Добавление и удаление классов не работает в jquery

Добавление и удаление классов не работает в jquery

#jquery #jquery-ui-dialog

#jquery #jquery-ui-dialog

Вопрос:

У меня есть следующий код для генерации листа:

 function generatePage(idexp, numero) {
    console.log(doc);
    html = '';
    var est1 = 'iwfa';
    for (var i = 0; i < numero; i  ) {
        ...
        html  = '           <i class="fa fa-upload ' est1 '" id="imp'   i   '" title="Importar" style="color:' impcolor '"></i>';
        html  = '           <i class="fa fa-upload ' est2 '" id="des'   i   '" title="Importar" style="color:' impcolor2 '"></i>';
        ...
    } //fin for

    $('.iwfa').click(function (we) {
        xid = $(we.target).attr('id');
        var cls = $.grep(classNames, function(c,i) {
            return $.inArray(c,classes) !== -1; //retorna cuál icono fue clikado
        });

        if(cls == 'fa-upload'){
            $('#dialog-fabrica').dialog('open');
        } else if ( cls == 'fa-edit') {
            $('#dialog-describir').dialog('open');
        }
    });
}

$("#dialog-fabrica").dialog({
    autoOpen: false,
    height: 200,
    width: 360,
    modal: true,
    buttons: {
        "Cancelar": function () {
            $("#dialog-fabrica").trigger('reset');
            $(this).dialog("close");
        },
        "Guardar": function () {
            if ($('#wformregister').valid()) {
                addDocDetalle();    
                $('#imp'   $('#hident').val()).removeClass('iwfa');
                $('#des'   $('#hident').val()).addClass('iwfa');
                $(this).dialog('close');
            }
        }
    },
    close: function () {
        $("#dialog-fabrica").trigger('reset');
    }
});

Я открываю диалог и с помощью опции «Guardar» добавляю и удаляю класс. Я проверил консоль Chrome и выполнил добавление и удаление классов, но при нажатии она не работает.

Пожалуйста, помогите мне

Комментарии:

1. Возможно, выполнение никогда не доходит до этих строк. Guardar Срабатывает ли функция? Является ли действительная проверка истинной? addDocDetalle() Работает ли правильно?

2. Знаете ли вы, как установить точку останова в отладчике JavaScript? Установите точку останова в if инструкции, затем выполните один шаг по коду, чтобы проверить, выполняется ли он.

3. Закрывается ли диалоговое окно при нажатии этой кнопки?

4. Не могли бы вы поместить свой код HTML JS в codepen или jsfiddle, пожалуйста?

5. addDocDetalle() работает, removeClass и addClass также работают, это проверяется в консоли Chrome, но при выполнении события click оно не работает. Я не могу добавить в jsfiddle, потому что это очень большой процесс