IE 8 Jquery выпуск внимания дети внутри родительский DIV

Question

У меня есть выбор цвета

<div id="parentdiv" class='picker-on'> 

    <input id=color_picker" class="E-panel-hex focus" type="text" value="#ce5059" name="color_picker" style="background-color: rgb(221, 95, 164); color: rgb(0, 0, 0);"> 

    <div id="picker" style="left: 669px; top: 289px;"> 
     <div class="farbtastic"> 
      <div class="color" style="background-color: rgb(255, 0, 163);"></div> 
      <div class="wheel"></div> 
      <div class="overlay"></div> 
      <div class="h-marker marker" style="left: 45px; top: 31px;"></div> 
      <div class="sl-marker marker" style="left: 61px; top: 101px;"></div> 
     </div> 
    </div> 

</div> 

Если я нажимаю на моем поле ввода родительского DIV «parentdiv» получает класс сборщик-на

и колесо показывает вверх, когда я нажимаю вне color_picker ДИВА колесо исчезает в ширине FireFox этого код

$('.picker-on').focusout(function(){ 
     $('div.picker-on').removeClass('picker-on'); 
     $('#picker').remove(); 
     $('#'+thisid).trigger('change'); 
    }); 

вы можете увидеть здесь, как ColorPicker является построить

http://acko.net/dev/farbtastic

Проблема: функции Focusout: теряет фокус, если я иду от колеса к площади и выбор DIV исчезает и если я иду от площади к колесу она также исчезает. Функция размытия: Не отклоняется вообще!

Я не могу получить правильный код для получения этой помощи приветствуется!

Edit: Только проблема IE8

Answer 1

Попробуйте использовать .blur() вместо .focusout(). focusout поддерживает событие bubbling, оно срабатывает, даже если дочерний элемент теряет фокус, это может быть ваша проблема.

источник: http://api.jquery.com/focusout/