asp.net - modal:true 上的 asp.net 和 jQuery ui 对话框问题

Question

我有一个包含 Asp 复选框列表并由 jquery ui dialog 打开的 div。我也需要管理回发，所以我添加

.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" />

Answer 1

我使用 jquery ui 对话框选项解决了：

appendTo: "form:first"

而不是使用

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