Опция Droppable hoverClass не работает в Internet Explorer

Question

Я не могу заставить его работать. Он отлично работает в Firefox, но в IE ничего не происходит, когда droppable удерживает над ним элемент.

Я попытался использовать hoverClass , а также попытался просто вручную изменить класс в " поверх " и " out " События. Оба метода работают в Firefox, но не в IE. Есть ли обходной путь для IE?

Ниже мой код:

over: function(ev, ui) {
  $(this).addClass( 'droppable-hover' );
},

out: function(ev, ui) {
  $(this).removeClass( 'droppable-hover' );
}

Answer 1

Класс droppable-hover использует свойство стиля структуры, которое не поддерживается в IE (кроме IE5 на Macintosh). По крайней мере, так говорит W3Schools . Вы можете аппроксимировать его в IE, используя:

<!--[if IE]>
<style>
.   droppable-hover
   {
       border: double 1px black;
   }
</style>
<![endif]-->