JQuery: A <select> in hover - Issues in Internet Explorer -
i having more or less classic issue select dropdown not working in internet explorer 7+. works worst in ie10. using variant of timeout solution. not work can see in jsfiddle:
http://jsfiddle.net/crlnu/175/
$(document).ready( function() { var timer = 1; var layer; $('.image').mouseenter(function() { timer = cleartimeout(timer); layer = $(this); $(layer).children('.cities').stop(1).show(); $(layer).children('select').show(); $(layer).css('z-index', 1); }).mouseleave(function() { timer = settimeout(function() { $(layer).children('.cities').hide(); $(layer).css('z-index', 0); $(layer).children('select').hide(); }, 500); }); });
update: in ie10 (and browser modes below) following happens: when click dropdown , drag mouse select second option dropdown dissapears , hover "flickers" has forgotten in hover div. if increase timeout thing happens take longer time dropdown dissapear.
update 2: added lot more entries in dropdown. try , select bottom one. difficult.
after spending whole day on issue grateful tips or ideas modifications make work better.
Comments
Post a Comment