jquery - IE8 不支持 jQuery 对话框

Question

我有一个 HTML 表单:

<div id="dialog" class="event-dialog" title="Create Event">
    <div id="dialog-inner">
    <table>
        <tr><td align="left">Event Name:</td><td align="left"><input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all title"></td></tr>
        <tr><td align="left" valign="top">Event Description:</td><td><textarea name="description" id="description" class="text ui-widget-content ui-corner-all" rows="3" cols="40"></textarea></td></tr>
        <tr><td align="left">All Day Event:</td><td align="left"><input id="all-day" type="checkbox" value="false"></td></tr>
     </table>
     </div>
</div>

我还有以下 jQuery 代码:

jQuery("#dialog").dialog({
    autoOpen: false,
    height: 600,
    width: 700,
    modal: true,
    buttons: {
        'Create event': function () {
            name = jQuery("#name").val();
            jQuery(this).dialog('close');
        },
        Cancel: function () {
            jQuery(this).dialog('close');
        }
    },
    close: function () {
    }
});

我删除了 jQuery 代码中的一些内容，只是为了缩短 StackOverflow 的长度。该代码可以在 Chrome、Firefox、Safari 等浏览器中运行，但由于某种原因，它只在 IE8 中显示对话框表单。知道为什么它不会在 IE8 中隐藏表单吗？

Answer 1

不久前我也遇到过同样的事情。这是您的确切 HTML 代码吗？如果没有，请确保不在对话框 div 中使用自关闭标签。

 <div id="dialog-save">
    <div id="content" /> //this one didn't work.
    <div id="content"></div> //this one worked.
 </div>

出于某种原因，IE 不喜欢 jquery-ui 的自关闭标签。