Не используется делегированная обработка событий для динамических элементов. Этот случай знаком многим, кто использует технологию Ajax. Пунктом выше, мы затронули тему DOM и доступностью элементов при загрузке страницы, но что делать, если элементы добавляются динамически и с ними нужно работать так же, как и со статичными? Вот тут на помощь приходит делегированная обработка событий. Синтаксис:

    $('static_parent').on('event', 'dinamic_child', handler);

    static_parent - статичный родительский элемент
    event - событие
    dinamic_child - динамический дочерний элемент
    handler - функция-обработчик

К примеру, в каком-то блоке с классом "my_block", есть несколько ссылок с классом "my_link", при клике на которые, выполнялось какое-то действие. Все они изначально присутствовали при загрузке страницы. Теперь мы добавили еще несколько ссылок с таким же классом, но без делегированной обработки, они будут просто проигнорированы и нужное действие уже не выполнится. Для того, чтоб событие обрабатывалось и на старых, и на новых ссылках, нам нужно записать так:

    $('.my_block').on('click', '.my_link', function(){
        // действия при клике
    });

! При чём, объект $(this) внутри обработчика - это именно ссылка ".my_link", на которой событие было вызвано, а не родительский элемент ".my_block", как это бы было при обычной записи, а не делегированной. Старайтесь находить ближайший родительский статичный элемент, что ускорит работу кода. Хотя, в качестве такого, можно выбрать и body, и даже document.



http://incode.pro/jquery/chastye-oshibki-novichkov-pri-rabote-s-jquery.html



<file>

  // подгружаем модификации на основе модели
  $('#div_car_model').on('change', '.sel', function(){
  
  alert( "Handler for .change() called." );
  
  });
</file>