ajax成功电话打开对话框

Question

我很努力地找到一种方法来成功ajax事件后打开对话窗口。目前，我正在使用jquery .html插入一些HTML到一个div，但我想要做的是用html创建一个对话框窗口，而不是使用标准的命名div。原因是因为价值观发生了变化，所以标准答案不会。这是possibe？

我的示例代码中的div; ＃对话消息，只是一个例子。由于

的jQuery +对话框代码

//Begin function to submit report form 

$(function() { 
    $("#frmreport").submit(function() { 

     var send = $(this).serialize(); 

     $.ajax({ 
      type: "POST", 
      url: "/sample/admin/frm10010.php", 
      data: send, 
      dataType: "json", 
      success: function (msg) { 
       $("#confirm_department").hide(); 
       $(function() { 
        $("#dialog-message").dialog({ 
         modal: true, 
         buttons: { 
          Ok: function() { 
           $(this).dialog("close"); 
          } 
         } 
        }); 
       }); 
       //alert('You have succesfully submitted your ' 
       // + msg.dept + ' report. Thank you.'); 
       //$("#report_result").html("You have succesfully 
       // submitted your report. Thank you."+"<br /><br />"); 
       $("#formShow").hide(); 
       $("#formImage .col_1 li").show(); 
       $("#frmreport").get(0).reset(); 
      } 
     }); 
     return false; 
    }); 
}); 

// End function to submit report form 

Answer 1

无需包裹你的对话框初始化的$(function() {...});功能。这个附加一个ready事件监听器的文件中，因此不需要，因为你拥有的一切已经做完：http://api.jquery.com/jQuery/#jQuery3

尝试更换您的success回调：

function (msg) { 
    $("#confirm_department").hide(); 
    $("#dialog-message").dialog({ 
     modal: true, 
     buttons: { 
      Ok: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
    //alert('You have succesfully submitted your ' + msg.dept + ' report. Thank you.'); 
    //$("#report_result").html("You have succesfully submitted your report. Thank you."+"<br /><br />"); 
    $("#formShow").hide(); 
    $("#formImage .col_1 li").show(); 
    $("#frmreport").get(0).reset(); 
} 

此外，dialog()是jQueryUI一部分，而不是基础jQuery库。你需要导入这两个库才能工作。