Есть код
$(document).ready(function() {
console.log('check');
let subcategoryflag = '';
$('.submenu__item a').on('click', function(event) {
console.log('Inner check');
subcategoryflag = event.target.innerHTML;
$.ajax({
type: 'POST',
url: 'ajaxsubcategory1.php',
data: {
subcategoryflag: subcategoryflag
},
dataType: 'json',
success: function(data) {
console.log('check');
console.log(data);
$('.rightmenu').html(data.msg);
$("div.FilterGroupNewDesign").each(function() {
let $div = $(this);
$div.parent().css("height", $div.height() /*+$div.next(".FilterGroupNewDesign__filter_show-all").height()+($div.parent()):nth-child(2).height()*/ );
});
}
/*let checkboxElems = document.querySelectorAll('.FilterCheckBox__input'); */
});
});
}
)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="submenu__item"><a href="#">test link</a></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
console.log('check');
let subcategoryflag = '';
$('.submenu__item a').on('click', function(event) {
console.log('Inner check');
subcategoryflag = event.target.innerHTML;
$.ajax({
type: 'POST',
url: 'ajaxsubcategory1.php',
data: {
subcategoryflag: subcategoryflag
},
dataType: 'json',
success: function(data) {
console.log('check');
console.log(data);
$('.rightmenu').html(data.msg);
$("div.FilterGroupNewDesign").each(function() {
let $div = $(this);
$div.parent().css("height", $div.height() /*+$div.next(".FilterGroupNewDesign__filter_show-all").height()+($div.parent()):nth-child(2).height()*/ );
});
}
/*let checkboxElems = document.querySelectorAll('.FilterCheckBox__input'); */
});
});
})
</script>
<div class="submenu__item"><a href="#">test link</a></div>
console.log('check')
срабатывает, а внутрь
$('.submenu__item a').on('click', function(event) {});
не заходит. Подскажите как добиться обработки щелчка на пункте меню.