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

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -