показать / скрыть диалоговое окно jQuery при наведении курсора
я пытаюсь создать область карты с наведением мыши на изображение, которое должно отображать диалоговое окно, когда мышь наведена. Содержимое диалогового окна различается в зависимости от области.
Мой скрипт на самом деле всегда показывает все диалоговые окна.
Вот jsFiddle, который я создал:http://jsfiddle.net/U6JGn/4/
и JavaScript:
$(function() {
$('#box').dialog( { modal:true, resizable:false } ).parent().find('.ui-dialog-titlebar-close').hide();
for (var i = 0; i < 2; i++) {
$( "#elem"+i ).mouseover(function() {
$( ".box"+i ).dialog( "open" );
});
$( "#elem"+i ).mouseout(function() {
$( ".box"+i ).dialog( "close" );
});
}
});
Что я делаю неправильно ?