Droppable hoverClass 选项在 Internet Explorer 中不起作用答案

【问题标题】：Droppable hoverClass option is not working in Internet ExplorerDroppable hoverClass 选项在 Internet Explorer 中不起作用
【发布时间】：2010-09-24 06:45:08
【问题描述】：

我似乎无法让它工作。它在 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' );
}

【问题讨论】：

标签： jquery html css jquery-ui jquery-ui-droppable

【解决方案1】：

droppable-hover 类使用大纲样式属性，IE 不支持该属性（Macintosh 上的 IE5 除外）。至少W3Schools 是这样说的。您可以使用以下方法在 IE 上对其进行近似：

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

【讨论】：