Как добавить class элементам, загруженным через AJAX?

Question

[Дмитрий]

Добрый день. Хочу сделать фильтр товаров. К примеру, на странице есть товары и при введенном параметре и потере фокуса полем мы добавляем товару определенный class. Но вот беда, когда добавляю дополнительные товары через ajax (пагинация), то новые товары не участвуют в выборке. Вот код:

function getWidthValue(items, minWidth) {    
    items.each(function(i) {
      console.log($(this).attr('data-width'));
      $(this).removeClass('show');
      if(parseInt($(this).attr('data-width')) >= minWidth) {
        $(this).addClass('show');
      }
    });
  }
  //getWidthValue();
  function getInputMinWidthValue() {
    var fItems = $('.js-filtr-item');
    $('.js-input-fltr').blur(function(){
      var minWidth = $('#min-width').val();
      console.log(minWidth);
      getWidthValue(fItems, minWidth);
    });
  }
  getInputMinWidthValue();

Читал про on(), но там в основном про события при нажатии на эти элементы, а вот как добавить им class не смог найти решение.

Answer 1

[Andrew]

Читал про on(), но там в основном про события при нажатии на эти элементы, а вот как добавить им class не смог найти решение.

Щито?

$(document).on("blur", ".js-input-fltr", function(){
      var minWidth = $('#min-width').val();
      console.log(minWidth);
      getWidthValue(fItems, minWidth);
    });

По этому принципу поменяйте там, где вешаете события

Comments

[Дмитрий]

Да. Мало читать документацию. Ее нужно правильно понимать. Спасибо.