jQuery的關閉對話框

Question

我想關閉一個jQuery模態窗口有一個按鈕，是模態內的表單中......

$("#btnCancel").button().on('click', function (event) { 
    event.preventDefault(); 
    $("#modalDlgWindow").dialog("close"); 
}); 

function loadDialog(tag, event, target) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    var $loading = $('<img src="../../Content/assets/images/nivo-loader.gif" alt="loading" class="ui-loading-icon">'); 
    var $url = $(tag).attr('href'); 
    var $title = $(tag).attr('title'); 
    $("#modalDlgWindow").empty(); 
    $("#modalDlgWindow") 
     .append($loading) 
     .load($url) 
     .dialog({ 
      autoOpen: false 
      , resizable: false 
      , autoResize: true 
      , title: $title 
      , width: 'auto' 
      , modal: false 
      , height: 'auto' 
      , show: 'fade' 
      , position: [10, 50] 
      , hide: 'fade' 
     }); 
    $("#modalDlgWindow").dialog('open'); 
}; 

它與.fadeOut(500)和.empty()，所以我認爲它也將與合作.dialog('close')但它沒有。有沒有人有我的問題的解決方案？

Answer 1

在這裏看到：How to close jQuery Dialog within the dialog?

嘗試：

$("#modalDlgWindow").closest('.ui-dialog-content').dialog('close'); 

或者，你可以添加一個取消（和提交）按鈕，如下所示：

function loadDialog(tag, event, target) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    var $loading = $('<img src="../../Content/assets/images/nivo-loader.gif" alt="loading" class="ui-loading-icon">'); 
    var $url = $(tag).attr('href'); 
    var $title = $(tag).attr('title'); 
    $("#modalDlgWindow").empty(); 
    $("#modalDlgWindow") 
     .append($loading) 
     .load($url) 
     .dialog({ 
      autoOpen: false 
      , resizable: false 
      , autoResize: true 
      , title: $title 
      , width: 'auto' 
      , modal: false 
      , height: 'auto' 
      , show: 'fade' 
      , position: [10, 50] 
      , hide: 'fade' 
     }); 

     $("#modalDlgWindow").dialog("option", "buttons", { 
       "Submit": function() { 
         // Get form values here 

         $.ajax({ 
           type: 'POST', 
           //post form information here, 
           success: function (msg) { 
           if (msg.d) { 
           $(this).dialog("close");          
           } 
           }, 
           error: function() { 
           alert("Error! Try again..."); 
           } 
         }); 
        }, 
       "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      ); 
    $("#modalDlgWindow").dialog('open'); 
};