2015-05-15 1 views
1

У меня есть ссылка, чтобы показать диалоговое окно при наведении его, я хотел бы знать, если есть способ, в котором:MouseOut и закрытия диалогового

  • Если я наведите ссылку и диалоговые шоу, но я не входите в диалог, и я вытаскиваю ссылку, диалог будет закрыт. (Я мог бы сделать это с помощью функции mouseleave)

  • Но у меня также есть возможность войти в диалог (вытащите ссылку), перемещая курсор к диалоговому окну, чтобы увидеть/щелкнуть какую-либо информацию по диалогу без закрытия Это.

Я знаю, это звучит немного запутанно, но надеюсь, что вы, ребята, можете мне помочь.

Вот моя фотография диалога:

http://i.stack.imgur.com/zEfzI.png

+0

Когда вы MouseEnter ссылку затем сделать 'JQuery ("# dialog_id") шоу();. ', А также имеют один и тот же код при входе в диалог. И 'jQuery (" # dialog_id "). Hide();' для выхода из диалога или ссылки – Abhi

ответ

0

Может быть, вы хотите установить тайм-аут с SetTimeout()?

$("#link").mouseout(function(){ 
 
    setTimeout(function(){ 
 
    $(this).removeClass("active") 
 
    }, 2000); 
 
}); 
 
$("#dialog").mouseover(function(){ 
 
    $(this).addClass("active") 
 
});

+0

Спасибо, он решил проблему, задерживая закрытие диалога. –

+0

Если бы это был правильный ответ, пожалуйста, отметьте его как правильный ответ, спасибо! – Dantevg