jquery - 单击按钮时弹出表单

Question

有没有办法使用 jquery 在单击按钮时在弹出窗口中创建表单？表单将有几个输入字段以及“保存”和“取消”按钮。因此，单击“保存”后，表单中的信息将保存在数据库中，并返回到原始屏幕。我想要一个淡入弹出窗口。

Answer 1

使用此代码

HTML

<div id="divdeps" style="display:none" title=""></div>

Jquery 已准备好 DOM

$("#divdeps").dialog({
    autoOpen: false,
    show: 'slide',
    resizable: false,
    position: 'center',
    stack: true,
    height: 'auto',
    width: 'auto',
    modal: true
});

此代码将初始化一个对话框并将其置于准备打开并连续关闭的状态。如果您想在页面加载时打开对话框，请在已在文档就绪中添加的代码之后添加此行代码:

$("#divdeps").dialog('open');

如果您想在单击事件后打开对话框，请在应触发打开的元素的单击事件上添加相同的代码。

在 myDialog DIV 中添加您的表单。如果您需要有关表单提交的更多帮助，请向我们提供更多详细信息...