javascript - 如何删除 jquery 模态表单并将其保留为页面底部的简单 html 表单

Question

如何删除此 jquery 对话框并在单击按钮时将其显示为网页底部的简单 html 表单。当我点击添加新记录按钮时，我有一个引导表，它显示对话框模式，但我想让它成为简单的 html 形式，而不弹出

$(function () {

    var new_dialog = function (type, row) {
        var dlg = $("#dialog-form").clone();
        var email = dlg.find(("#email")),
            password = dlg.find(("#password"));
        type = type || 'Create';
        var config = {
            autoOpen: true,
            height: 400,
            width: 450,
            modal: true,
            buttons: {
                "Create an account": save_data,
                    "Cancel": function () {
                    dlg.dialog("close");
                }
            },
            close: function () {
                dlg.remove();
            }
        };
        if (type === 'Edit') {
            config.title = "Edit User";
            get_data();
            delete(config.buttons['Create an account']);
            config.buttons['Edit account'] = function () {
                row.remove();
                save_data();

            };

        }
        dlg.dialog(config);

Answer 1

不确定它是否有效，但请尝试。将false设置为modal属性，并在config中添加position和top属性；

modal: false,
position: 'relative',
top: 0,

或者，在 html 代码中删除具有模态内容的 Div 的 class 属性。