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');
        }
    }
});

jquery UI模式不会导致回发

1 个答案: