0

JQuery Modal ダイアログを表示するコードがあります。

        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 に表示されない理由はありますか?

4

2 に答える 2

1

このコードを試してください..

   if (jQuery.browser.msie) {
            $("#dialog-form").dialog();
        } else {
            $("#dialog-form").dialog('open');
            $('#employeeList').show(); //show the select box explicitly
        }
于 2012-06-01T06:14:34.287 に答える
0

コードは.ready（）メソッドに埋め込まれていますか？それ以外の場合は、まだ準備ができていないdivをレンダリングしようとします。つまり

$(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");
          }
        });

});
于 2012-09-07T12:09:44.850 に答える