我在我的页面上使用了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>