用jqery实现弹出固定画面的dialog

你可以使用jQuery UI库中的Dialog插件来实现弹出固定画面的dialog。以下是一个基本示例：

HTML代码：

<div id="my-dialog" title="My Dialog">
  <p>This is my dialog!</p>
</div>
<button id="open-dialog">Open Dialog</button>

JavaScript代码：

$(document).ready(function() {
  // 初始化dialog
  $("#my-dialog").dialog({
    autoOpen: false, // 不自动打开
    modal: true, // 模态对话框
    draggable: false, // 不可拖拽
    resizable: false, // 不可改变大小
    width: 400 // 对话框宽度
  });
  
  // 点击按钮打开dialog
  $("#open-dialog").click(function() {
    $("#my-dialog").dialog("open");
  });
});

上述代码中，我们使用了`autoOpen: false`属性将对话框设置为不自动打开。然后，我们使用`$("#my-dialog").dialog("open")`方法来打开对话框。我们还使用了`modal: true`属性来将对话框设置为模态对话框，这意味着用户必须关闭对话框才能与页面交互。我们还使用了`draggable: false`和`resizable: false`属性来禁用对话框的拖拽和改变大小功能。

通过以上代码，你可以创建一个简单的固定画面的dialog。