HTML5 Dragleave выпускается при падении детского элемента ⇐ Jquery

[Anonymous]

Проблема, которая у меня возникает, заключается в том, что событие Dragleave элемента запускается при падении дочернего элемента этого элемента. Кроме того, Dragenter не запускается при снова отобрать родительский элемент.

Код: Выделить всё

drag me



drop here
child
parent

< /code>

Со следующим Javascript: < /p>

$('#drop').bind({
dragenter: function() {
$(this).addClass('red');
},

dragleave: function() {
$(this).removeClass('red');
}
});

$('#drag').bind({
dragstart: function(e) {
e.allowedEffect = "copy";
e.setData("text/plain", "test");
}
});
< /code>

То, что он должен делать, - это уведомление пользователя, делая Drop div < /code> красный при перетаскивании там. Это работает, но если вы перетащите в P 

ребенка, Dragleave уволен, а div больше не красная. Возвращение обратно в Drop Div также больше не делает его красным снова. Необходимо полностью выходить из Drop Div и снова перетащить его обратно, чтобы сделать его красным. Ответ @H.D. ниже, который работает в современных браузерах и IE11.

Подробнее здесь: https://stackoverflow.com/questions/711 ... ld-element