Почему событие "клик" на $('#wrapper') не срабатывает?
https://jsfiddle.net/hhnq8a26/16/
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
nav: true,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
$('#wrapper').click(function(){
alert(44);
})
#element1,
#element2 {
width: 100px;
height: 100px;
background: #000;
}
#wrapper{
position: relative;
z-index: 99999;
background: gray;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="owl-carousel carousel1">
<div class="item">
<div id="wrapper">
<div id="element1"></div>
<div id="element2"></div>
</div>
</div>
<div class="item">
<h4>13</h4></div>
</div>