2010-09-28 5 views
1

Я пытаюсь показать модальные мыши над и закрыть модальные мыши. Я даю класс для div и называя его .hover.mouseover mouseout не работает должным образом

, но его как моргание. открыть закрыть открыть закрыть.

почему это поведение?

даже мышь внутри div его закрытие.

$('.divclass').hover(function(){ 
    dialog.open() 
}, 
function(){ 
    dialog.close() 
}); 

я использовать мышь и mouseneter .. такое же поведение, как blinking..open близко ... Почему ?? любой suggesion

+0

Я думаю, проблема в том, что как только откроется диалоговое окно, вы косвенным образом выведите мышью .. Не думайте, что сможете это исправить. Но позвольте мне задать один вопрос: если диалог модальный, почему вы хотите, чтобы он исчез на мыши? – poke

+0

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

ответ

6

Я предлагаю вам попробовать

$('.divclass').mouseenter(function() { 
    //dialog open 
}); 

$('.divclass').mouseleave(function() { 
    //dialog close 
}); 
0

пожалуйста, попробуйте следующий код, если он работает

$ (». divclass'). зависать ( функция() { dialog.open()
}, функцию() { диалог .close() } );

Существует hoverIntent плагин, который действительно полезно попробовать, если это возможно http://cherne.net/brian/resources/jquery.hoverIntent.html

+0

mouseover диалогового окна становится, mouseoout из блока intial div, это причина, по которой ваше диалоговое окно закрывается. – kobe

1

В CSS указать диалоговое окно, как: pointer-events: none;
Это предотвращает диалог от вмешательства в действие наведения.

Смежные вопросы