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

Question

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

当我单击 Detail 对话框必须打开并且它适用于 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");
    }
});
});