为什么jQueryUi对话框在IE9上不起作用

Question

我对ie9和jquery ui有一些问题，但仍然无法找到解决方案请帮帮我

当我点击详细信息对话框必须打开并且它适用于ie7，ie8，FF，Chrome但不在ie9

$(function() {
    var popup = $("#popup"),
        allFields = $([]).add(popup);

    $("#dialog-form").dialog({
        autoOpen: false,
        height: 800,
        width: 1200,
        modal: true,
        buttons: {},
        close: function() {
            allFields.val("").removeClass("ui-state-error");
        }
    });
});

function dialogOpen(id) {
    $('#dialog-form').dialog('open');
}

<div id="pageopen" onclick="dialogOpen('dialog-form')">
    <div id="detail" style="text-decoration:underline;">Detail</div>
</div>

<div id="dialog-form" title="Detail"></div>

Answer 1

在document.ready中添加以下代码。您试图在创建对话框之前打开它。

$(document).ready(function(){
$("#dialog-form").dialog({
    autoOpen: false,
    height: 800,
    width: 1200,
    modal: true,
    buttons: {},
    close: function() {
        allFields.val("").removeClass("ui-state-error");
    }
});
});