javascript - jquery UI 模式不会导致回发

Question

我有一个 jquery UI 模式，它在单击复选框时打开，并在单击“确定”按钮后导致回发，但它不起作用。我已经尝试了所有解决方案。请帮助。Asp.net 按钮位于表单标记内。

$("#dialog").dialog({
    modal: true,
    autoOpen: false,
    title: "Other-Legend",
    width: 300,
    open: function (type, data) {
        $(this).parent().appendTo("form");
    },
    buttons: {
        Ok: function () {
            $("[id*=btnConfirm]").click();
        },
        Close: function () {
            $(this).dialog('close');
        }
    }
});

jQuery('input[type="checkbox"]').click(function () {
    var parentClass = jQuery(this).parent('td').attr('class');         
    var checked = jQuery(this);
    jQuery('.' + parentClass.substring(0, parentClass.length - 8) + ' input[type="checkbox"]').each(function (i, e) {
        jQuery(this).prop('checked', false);
    })
    jQuery(checked).prop('checked', true);
    if (parentClass.indexOf("mdclass") >= 0) {          
        $('#dialog').dialog('open'); }
});

<asp:Button ID="btnConfirm" runat="server" Text="Button" style="display:none" OnClick ="Button1_Click" />

Answer 1

您可以尝试添加 jQuery UI v1.10 或更高版本的语法，将模式 DIV 附加到表单。

$("#dialog").dialog({
    modal: true,
    autoOpen: false,
    title: "Other-Legend",
    width: 300,
    appendTo: "form",
    buttons: {
        Ok: function () {
            $("[id*=btnConfirm]").click();
        },
        Close: function () {
            $(this).dialog('close');
        }
    }
});