Проблема с элементами, которые накладываются друг на друга и парят

#jquery

Вопрос:

У меня есть этот скрипт. Элемент с классом «help» и идентификатором «help» накладываются друг на друга. Я хочу при наведении курсора мыши на «.help» показывать «#help». Но при нажатии на «.onHelp» «#help» не удалось закрыть. Каково решение для таких элементов?

Заранее спасибо

(Я отредактировал jsfiddle)

Ответ №1:

Ваш #help div находится под .help, в то время как он должен быть впереди, закрывая текст «наведите на меня». Добавление положительного z-index значения в #help.

1. Щелчок по . onHelp скрывает #help, но затем ваша мышь наводится на .help … witch снова показывает #help. Вам нужно разместить onHelp или #help где-нибудь еще. Вот так: jsfiddle.net/nVNQZ

2. Я знаю, что изменение положения решает проблему, но мы не можем изменить оригинальный дизайн

3. Я вижу. Замените наведение курсора мыши на mouseenter. Всплывающее окно не должно отображаться, пока указатель мыши не покинет «наведите на меня» и не вернется. Обязательно дважды проверяйте это в каждом браузере, так как это может быть сложно. Если это не сработает в каждом браузере, вам придется сделать что-то неприятное, например: jsfiddle.net/vQvmH

Ответ №2:

Ваш .onHelp перекрывается .помогите, вот почему событие click не было запущено. Либо добавьте z-индекс, либо измените положение .onHelp div.Смотрите обновленный jsfiddle

Ответ №3:

я думаю, что здесь это работает нормально …

измените motorola1.3.2 на jquery1.4 или whatever…in jsfidle 🙂