Estoy tratando de mover un elemento al cuadro siguiente, pero no se detectó el evento dragover y dragenter. ¿Alguien puede explicar esto?
let dropTarget = $('.box'), dropSource = $('.inner-box'); dropTarget.on('dropover dropenter', function(e) { e.preventDefault() console.log(1) }) .box { width: 80px; height: 80px; border: 1px solid black; } .inner-box { width: 100%; height: 100%; background: red; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <div class="box"> <div class="inner-box" draggable="true"></div> </div> <div class="box"></div> <div class="box"></div>