jquery - Droppable hoverClass 选项在 Internet Explorer 中不起作用

Question

我似乎无法让它工作。它在 Firefox 中运行良好，但在 IE 中，当 droppable 上有一个元素时，什么也不会发生。

我尝试使用 hoverClass option ，并且还尝试仅手动更改“over”和“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 不支持该属性(Macintosh 上的 IE5 除外)。至少这么说W3Schools .您可以在 IE 上使用以下方法对其进行近似:

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