jQuery ui 对话框在加载回调后更改标题

jQuery UI 是一个功能强大的 JavaScript 库，它为我们提供了各种交互式的界面组件和工具。其中之一就是对话框（Dialog）组件，它可以用于显示弹出窗口，向用户展示重要信息或获取用户输入。在使用对话框组件时，有时候我们需要在加载回调函数中更改对话框的标题，以便动态地显示不同的信息。下面将介绍如何使用 jQuery UI 对话框和加载回调函数来实现这个功能，并提供一个案例代码来帮助理解。

html

html
  
这是一个对话框示例。

javascript
$(document).ready(function(){
  $("#my-dialog").dialog({
    autoOpen: false,
    open: function(event, ui) {
      $(this).dialog("option", "title", "新标题");
    }
  });
});

html
打开对话框

javascript
$(document).ready(function(){
  $("#open-dialog").click(function(){
    $("#my-dialog").dialog("open");
  });
});

html
  
  
  
  
  
这是一个对话框示例。
打开对话框