JQuery UI Modal框的問題顯示何時不應顯示

Question

因此，有一些內容。 首先，這是位於ASPX頁面頂部的Javascript：

<!--//**********************************
    // Test modal popup
    //**********************************  -->
<script type="text/javascript">
    //Total out of range dialog
    $(function () {
        $("#dialog").dialog({
            modal: true,
        //    autoOpen: false,
        width: 570,
        buttons: {
            "Ok": function () { $(this).dialog("close"); },
            "Cancel": function () { $(this).dialog("close"); }
        }

        });
    });
</script>

然后，在他的ASPX頁面的最底部（相當長...），我有模態部分：

<div id="dialog" title="ATTENTION">
    <table style="width:565px; border-spacing:0px; border-collapse:collapse;">
        <tr>
            <td style="width:65px; ">
                <img src="http://someimage" style="height: 120px; width: 80px" />
            </td>
            <td style="vertical-align:top">
                <p>some text</p>
            </td>
        </tr>
    </table>
</div>

</asp:Content>

最后，在后面的代碼中，我有這個：

        if (!Page.IsPostBack)
        {
            if (MyServer.Contains("localhost"))
            {
                ScriptManager.RegisterStartupScript(Page, Page.GetType(), "dlgOutOfRange", 
                "$(function() {$('#dialog').dialog('open');});", true);
            }

現在，我知道所有方法均已通過測試。 但是，即使不希望看到這種模式，它也會顯示，並且當我跳過代碼時，它會繞過Page.IsPostback，因此它知道它不是回發。 例如，我有一個下拉列表，其中關聯了SelectedIndexChange函數。 當我在下拉列表中更改值時，此模式變為可見。 div標簽中有我沒有做的事情嗎？ 我嘗試添加style =“ Visible：False;” 但這只是使文字不可見。

Answer 1

    <script type="text/javascript">
$(document).ready(function () {
    $("#dialog").dialog({
        modal: true,       
    width: 570,
    buttons: {
        "Ok": function () { $(this).dialog("close"); },
        "Cancel": function () { $(this).dialog("close"); }
    }

    });
});

</script>

嘗試這個..