[Помогите] не работает метод .on() после ajax

[MilkeyWay]

Есть скрипт,который загружается в head,но после загрузки контента(ajax),этот скрипт не работает в этом подгруженном контенте,направьте на путь истинный)

сам скрипт:

        $('h4').on('click', 'a', function() {
        alert ('123');
$.ajax({
            url: 'index.php?route=module/product_tab/add',
            type: 'get',
            //data: 'page=' + page,
            dataType: 'html',
            beforeSend: function() {
      
            },
            success: function(data) {
        //$('.tab-content-main').html(data);
         $('.tab-content-main').html($('.tab-content', data));
            },
            complete: function() {
          
            },
error: function() {
    console.log('error', arguments);
  }
        });
   
        return false;
   

    });

зы но этот скрипт срабатывает до обновления контента аяксом

 

[Mr.Emm]

$(document).on('click', 'h4 a', function() { ...

вобще что у тебя там приходит, куда, не понятно ничего

 

[Q_BASIC]

Вы событие вешаете на элемент до того как он появился?

Я так понимаю, вы в воздух событие вешаете, а потом, когда страница через ajax загрузилась вы удивляетесь, то что на только что загруженных элементах нет обработчиков

 

[m@rks]

после ajax запроса нужно заново забиндить событие на подгруженном контенте

 

[MilkeyWay]

$(document).on('click', 'h4 a', function() { ...

вобще что у тебя там приходит, куда, не понятно ничего

этот вариант срабатывает

зы там у меня Табы(новинки,акции и т.д) по нажатию на которых,происходит загрузка аяксом нужного контента