asp.net - modal:true での asp.net および jQuery ui ダイアログの問題

Question

Asp チェックボックスリストを含む div があり、jquery ui dialog によって開かれます。ポストバックも管理する必要があるので、追加します

.parent().appendTo($("form:first"));

問題は、ダイアログを開くとすべての DOM が無効になり、modal:true がすべての DOM に拡張されているように見えることです。

これは aspx コードです:

   <script type="text/javascript">
    $(function () {
        $("#modalDialog").dialog({
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,
            buttons: {
                "Salva": function () {
                    $("[id*=btn_save]").click();
                },
                "Annulla": function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
            }
        });
        $("#modalDialog").parent().appendTo($("form:first"));
    });
</script>
<div id="modalDialog" >
            <asp:CheckBoxList ID="ckb_eventi" runat="server" DataTextField="NOME" DataValueField="ID_CASSA">
            </asp:CheckBoxList>

        </div>
          <asp:Button ID="btn_save" runat="server" Text="Salva" style = "display:none" OnClick = "btn_save_Click" />