我在我的页面上使用 jquery-ui-1.7.2.custom.min.js,当显示模式对话框时,它会完全禁用页面,使您“取消”或退出对话框以重新启用页面。不幸的是,这个 ui 版本与 JQuery 的 Sortable() 功能不兼容,所以我升级到最新的稳定版本 jquery-ui-1.10.3,它解决了可排序问题,但现在不会禁用模式上的页面。我的对话框是用创建的;
NOT_AVAILABLE_ALERT = $("#modalMessageAlert").dialog(
{
position: "center",
resizable: false,
bgiframe: true,
autoOpen: false,
width: 250,
height: 130,
draggable: false,
modal: true,
close:function(event,ui){
},
open:function(event,ui){
}
}
);
$('.ui-dialog-titlebar').each(function(){
$(this).text("Unavailable");
$(this).css("width","235px");
});
在 document.ready() 函数中,并打开
NOT_AVAILABLE_ALERT.dialog("open");
打开也很好。对话框的 HTML 如下,任何人都知道这是否是这个新版本的已知问题,或者可能发生这种情况的原因?谢谢!
<div id="modalMessageAlert" style="left:-200px; display:none">
<h3>This feature is not available in this demo household.</h3>
<table width="100%">
<tr>
<td align="right">
<input type="image" src="/applications/Images/close_on.gif" Value="Close" onclick="NOT_AVAILABLE_ALERT.dialog('close');"/>
</td>
</tr>
</table>
</div>