アラートボックスを表示した後、jQueryモーダルダイアログをオートクローズします。

Question

私は保存ボタンがあるjqueryモーダルダイアログを呼び出しています。保存ボタンを押すとajaxが呼び出され、成功するとOKボタンで「データ保存済み！」というアラートボックスが表示されます。

"データ保存済み"アラートボックスを閉じた後、以前に呼び出されたモーダルダイアログも自動的に閉じたいと思います。

$("#addFriendButton").click(function() { 

     $("#addNewFriend").dialog({ 
      title: 'Add a new friend.', 
      height:'auto', 
      width:'auto', 
      modal: true 
     }); 


    }); 
    //end addFriendButton 

    $("#saveNewFriendButton").click(function() { 

     $.ajax({ 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      url: "/api/bb/apiV1/addFriend", 
      data: formToJSON(), 
         dataType: "json", 
      success: function(responseDTO){ 

         displayOKAlertBox(responseDTO.responseMessage); 

      } 
     }); 


    }); 

    function displayOKAlertBox(message){ 

     $("#alertMsg").html(message); 

     $("#alertbox").dialog({ 
      modal: true, 
      buttons: { 
       Ok: function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

    } 

Answer 1

次のことを試してみてください。

$("#alertbox").dialog({ 
     modal: true, 
     buttons: { 
      Ok: function() { 
       $('.ui-dialog').dialog('close'); 
      } 
     } 
}); 

Answer 2

私はそれを行うだろうと思うが、多分私が間違ってる次

$("#saveNewFriendButton").click(function() { 

    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "/api/bb/apiV1/addFriend", 
     data: formToJSON(), 
        dataType: "json", 
     success: function(responseDTO){ 

        displayOKAlertBox(responseDTO.responseMessage); 
        $("#alertbox").dialog("close"); 

     } 
    }); 


}); 

をお試しください！