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]-->