jquery - 为什么 IE 不显示 JQuery UI 对话框？

Question

我有显示 JQuery 模态对话框的代码：

        if (jQuery.browser.msie) {
            $("#dialog-form").dialog();
        } else {
            $("#dialog-form").dialog('open');
        }

        $("#dialog-form").dialog({
          autoOpen: false,
          modal: true,
          buttons: {
            Cancel: function () {
                $(this).dialog("close");
            }
          },
          close: function () {
            $(this).dialog("close");
          }
        });

这是HTML：

    <div id="dialog-form" title="Select Employee">
        <form id="dialogForm">
            <fieldset>
                <select id="employeeList"> <option value="0"><%=LocalizedContext.SelectAnEmployeeText%></option> <%=model.EmployeeOptions%> </select> 
            </fieldset>
        </form>
    </div>  

它在 FF 中显示良好，但是当它在 IE 中弹出时，对话框在那里（带有取消按钮），但缺少下拉菜单。任何想法为什么下拉没有出现在 IE 中？

Answer 1

试试这个代码..

   if (jQuery.browser.msie) {
            $("#dialog-form").dialog();
        } else {
            $("#dialog-form").dialog('open');
            $('#employeeList').show(); //show the select box explicitly
        }

Answer 2

您的代码是否嵌入在 .ready() 方法中？否则它将尝试渲染您尚未准备好的 div。IE

$(document).ready( function (){
    // your code below
if ($.browser.msie) {
            $("#dialog-form").dialog();
        } else {
            $("#dialog-form").dialog('open');
        }

        $("#dialog-form").dialog({
          autoOpen: false,
          modal: true,
          buttons: {
            Cancel: function () {
                $(this).dialog("close");
            }
          },
          close: function () {
            $(this).dialog("close");
          }
        });

});