как я могу решить эту проблему, пожалуйста? У меня есть div с формой, которая по умолчанию скрыта. Он отображается при щелчке мыши, и я хочу, чтобы он скрывался при выходе из мыши - это простая часть.
Но есть одна проблема, я использую jquery selected - http://harvesthq.github.io/chosen/ для выпадающего меню, которое находится внутри этого div, но выпадающее меню длиннее, чем div. Это означает, что когда я выбираю какую-либо опцию, указатель мыши находится за пределами div с событием mouseout и скрывается, когда я перемещаю мышь.
Какие-либо предложения?
Спасибо.
jQuery прост:
$('#header_form').mouseleave(function () {
$('#header_form').hide();
});
Решение 1. После часа попыток и кодирования я нашел одно простое решение: внутри #header_form создайте div с абсолютной позицией, шириной как #header_form и длинной, как раскрывающееся меню, начинающееся с позиции раскрывающегося меню. Div с абсолютным позиционированием не повлияет на цвет фона #header_form, но создаст невидимый «слой», по которому вы можете перемещаться мышью «снаружи» #header_from, не закрывая его. Вам также необходимо удалить этот элемент исправления, когда вы перемещаете указатель мыши в исходную форму #header_form, чтобы при повторном перемещении div скрывался.
Демонстрация здесь: http://jsfiddle.net/a5PuG/5/ (просто измените синий цвет на прозрачный ) Тут еще нужны доработки :)