JQuery模态对话框没有禁用页面IE9

时间:2013-10-08 17:09:42

标签: javascript jquery jquery-ui jquery-ui-dialog

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

0 个答案:

没有答案