Кажется, я не могу заставить его работать. Он отлично работает в Firefox, но в IE ничего не происходит, когда над droppable помещается какой-либо элемент.
Я пробовал использовать hoverClass вариант, а также попытался просто вручную изменить класс в событиях "over" и "out". Оба метода работают в Firefox, но не в IE. Есть ли обходной путь для IE?
Ниже мой код:
over: function(ev, ui) {
$(this).addClass( 'droppable-hover' );
},
out: function(ev, ui) {
$(this).removeClass( 'droppable-hover' );
}

Класс droppable-hover использует свойство стиля контура, которое не поддерживается в IE (кроме IE5 на Macintosh). По крайней мере, так говорит W3Школы. Вы можете аппроксимировать это в IE, используя:
<!--[if IE]>
<style>
. droppable-hover
{
border: double 1px black;
}
</style>
<![endif]-->