jquery UIモーダルでポストバックが発生しない

Question

jquery UIモーダルがチェックボックスでクリックされ、OKボタンをクリックした後にポストバックが発生しますが、動作しません。すべてのソリューションを試しました。help.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'); 
     } 
    } 
});