Я использую Jquery ajax для получения шаблона от Laravel,
$(".menugroupbutton").on('click', function() {
jQuery.ajax({
url: "/menu/renderitems",
data: {item_group: this.id },
type: "POST",
success:function(data){
$data = $(data); // the HTML content that controller has produced
$('#itemcontainer').hide().html($data).fadeIn();
}
});
});
};
Вот HTML, который в настоящее время находится в текущем шаблоне блейда,
<div class="row" style="padding-left: 15px" id="itemcontainer">
@include('pages.menu.renderitems')
</div>
шаблон, который будет отображаться при нажатии кнопки группы меню,
@foreach($items as $i)
<div class="col-lg-2 bg-light-info px-6 py-8 rounded-xl mr-2 mb-2 click2add">
<a href="#" class="text-secondary font-weight-bold font-size-h6 itemid" id="{{$i->item_id}}">{{$i->item_name}}</a></br>
<a href="#" class="text-info font-weight-bold font-size-h6">{{$i->item_price}}</a>
</div>
@endforeach
Вот событие click2add,
$('.click2add').on( 'click', function () {
console.log('test');
});
У меня есть еще одно событие onclick в классе click2add.
Теперь проблема в том,
Когда страница загружается в первый раз, мое событие клика в классе click2add работает нормально, это означает, что он показывает тест в консоли. Но когда я отображаю шаблон (который имеет класс click2add) с . menugroupbutton, событие click2add больше не работает, нет журнала тестирования консоли.
Как я могу заставить событие клика работать и с шаблоном рендеринга?
Спасибо,
