Question

我正在调用一个jquery模式对话框，其中有一个保存按钮。保存按钮依次进行ajax调用，成功时，一个警告框显示“Data Saved！”，并带有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");

      }
    });  


});

我认为会这样做，但也许我错了！

显示警告框后自动关闭jquery模式对话框

2 个答案: