Авто Закрыть Простой Модальный После того, как пользователь перемещает мышь?

Question

Я работаю с веб-приложением, где нам нужно показать содержимое модального стиля, когда пользователь переводит определенную часть страницы, поскольку они перемещают свою мышь от этой области, хотя мы хотим закрыть модальный контент.

В настоящее время я работаю с SimpleModal и имейте это для показа, но вы должны нажать, чтобы закрыть. Кто-нибудь знает о способе закрытия на основе движения мыши? Или похожие.

Или другой компонент, который я могу использовать. Эффективно то, что мы делаем, показывает чрезмерно надежную подсказку, которая является iFrame-контентом. Поэтому, если вы знаете функцию подсказки jQuery, которая будет поддерживать отображение iFrame, которое может работать.

Answer 1

Не было бы проще использовать плагин для всплывающей подсказки, который фактически показывает поведение, которое вы ищете (показать/скрыть поле при зависании элемента)?

Я думаю, что самое лучшее qTip.

Он может показывать простую подсказку, загружать контент с помощью ajax, отображать расширенный контент (а не только текст), является очень стильным и предлагает полный api для работы.

---

В то же время, я не знаю много о SimpleModal и как вы не показывают JavaScript, я могу только догадываться, как вы на самом деле создать модальный диалог.

В любом случае, jQuery предлагает метод .hover() для обработки случаев ввода элемента мышью и оставления его. Вы можете использовать так:

$('#myelement').hover(
    // this function is executed when entering the element with the mouse 
    function(e) { 
     // create you SimpleModal here 
    }, 
    // this one when leaving 
    function(e) { 
     // close it here 
     // from the SimpleModal doc, you close the currently opened modal with 
     $.modal.close() 
    } 
); 

DEMO

Answer 2

Чтобы закрыть SimpleModal вы

$.modal.close() 

Поэтому я предлагаю использовать его вместе с mouseleave() из JQuery.

$("SELECTOR_FOR_YOUR_AREA").mouseleave($.modal.close);