我想在主页面上显示通知,为此我使用了JQuery对话框。我可以使用以下代码实现页面加载时的自动显示和隐藏。但是,如果鼠标悬停在对话框上,我想保持对话框打开状态。
这个工作很好,但是它即使我将鼠标悬停在#dialog div上也会隐藏对话框。我希望它在悬停时保持打开状态。
$(document).ready(function () {
$("#dialog").dialog({
autoOpen: false,
draggable: false,
resizable: false,
height: 100,
hide: {
effect: 'fade',
duration: 2000
},
open: function () {
$(this).dialog('close');
},
close: function(){
// $(this).dialog('destroy');
},
show: {
effect: 'fade',
duration: 2000
}
});
var x = $("#<%= imgNotifcation.ClientID %>").position().left + $("#<%= imgNotifcation.ClientID %>").outerWidth();
var y = $("#<%= imgNotifcation.ClientID %>").position().top - jQuery(document).scrollTop();
// var x = 0;
$("#dialog").dialog("open");
$('#dialog').dialog( 'option', 'position', [x-90, y+25] );
});
这个工作很好,但是它即使我将鼠标悬停在#dialog div上也会隐藏对话框。我希望它在悬停时保持打开状态。