Droppable hoverClass option not working in Internet Explorer
I cannot get it to work. It works fine in Firefox, but nothing happens in IE when it droppable
has an element held over it.
I tried using a parameter hoverClass
and also tried to just manually change the class in the "over" and "out" events. Both methods work in Firefox, but not IE. Is there a job for IE?
Below is my code:
over: function(ev, ui) {
$(this).addClass( 'droppable-hover' );
},
out: function(ev, ui) {
$(this).removeClass( 'droppable-hover' );
}
0
Jeremy Mullin
source
to share
1 answer
The droppable-hover class uses an outline style property that is not supported in IE (except IE5 on Macintosh). At least that's what W3Schools says . You can approximate it in IE using:
<!--[if IE]>
<style>
. droppable-hover
{
border: double 1px black;
}
</style>
<![endif]-->
+1
tvanfosson
source
to share