Я создаю новый элемент в боковую панель и затем хочу закрывать боковую панель, когда мышка уходит с этого нового элемента, но jQuery не видит мой новый элемент, функция ( mouseenter ) не работает, хотя должна работать.
Погуглил попытался использовать функцию on, но видимо я так правильно и не понял, как мне её использовать, в итоге так ничего и не показывает.
Создание элемента:
$("#sidebar-click").click(function(){
if($('.his-mouse-hide','#hide-add').length == 0){
$('#hide-add').append('<div class="his-mouse-hide"></div>');
$('.his-mouse-hide').width( $('.group-side-context').width() + ($('.group-side-context').width() / 10) );
};
});
Закрытие боковой панели:
$(".his-mouse-hide").mouseenter(function(){
alert("Xyx");
$(".his-mouse-hide").one("mouseleave", function(){
alert("Pabotaet");
});
});
И то, что я пытался сделать с on, но никак не получается:
$("body").on('mouseenter','.his-mouse-hide',function(event){
alert("Xyx");
});
jQuery просто не реагирует на мой новый элемент, программирую в c#, так что понимаю логику js и jquery достаточно слабо, как же всё же заставить jquery увидеть мой новый элемент и работать с ним ?