jquery-ui关闭对话框

问题描述：

我有一个小问题，关闭我的对话框在JavaScript/jQuery的鼠标退出。这里是脚本jquery-ui关闭对话框

$().ready(function() { 
    $(".popup").live("mouseover", function() { 

     $(this).next().dialog(); 
    }); 
    $(".popup").live("mouseout", function() { 

     $(this).next().close(); 
    }); 
});

答

像这样将工作：

$(function() { 
    $(".popup").live("mouseover", function() { 
    var dlg = $.data(this, 'dialog'); 
    if(dlg) dlg.dialog('open'); 
    else $.data(this, 'dialog', $(this).next().dialog()); 
    }).live("mouseout", function() { 
    $.data(this, 'dialog').dialog('close'); 
    }); 
});

为什么那么复杂？那么.dialog()调用包装元素并将其移动到<body>元素的末尾，因此.next()将不会再找到它。所以...我们需要存储对相关对话框的引用。

另一种方法是定位对话框，并在创建对话框时以相对方式将其粘贴回DOM中，无论哪种方式都可行。

谢谢你的工作:) – Kimtho6 2010-10-06 13:34:21

@Profeten - welcome :) – 2010-10-06 13:35:05

jquery-ui关闭对话框

相关推荐