jquery ui对话框未在第一个ajax请求中加载表单标签答案

【问题标题】：jquery ui dialog box not loading form tags in first ajax requestjquery ui对话框未在第一个ajax请求中加载表单标签
【发布时间】：2014-10-21 08:29:40
【问题描述】：

您好，我正在使用 Jquery UI 对话框来编辑内容，还在对话框中添加 jquery ui 选项卡，当您单击编辑按钮时，它会发送一个 ajax 请求获取表单，其中填充了数据。

但是在对话框打开时的第一个 ajax 请求中，它没有添加表单标签，它只是显示表单元素，我根本无法提交表单。我必须关闭对话框并再次打开它才能正常工作 html 也有表单标签。

在控制台输出中显示表单标签的第一个请求在那里。但在对话框中什么都没有。

这是我的代码

$(".edit-media").on('click', function () {
    var url = $(this).data('url') + '?' + Math.random();
    // $("#media_edit_dialog").load(url);
    $.post(url, function (data) {
        $("#media_edit_dialog").html('').html(data)
            .dialog({
            modal: true,
            width: 'auto',
            autoOpen: false,
            resizable: false,
            open: function () {
                console.log('i will open');
                $('#tabs, .tabs').tabs();
                Admin.dateTimePicker();
            },
            buttons: {
                "Save": function () {
                    $("#media_edit_form").submit();
                },
                    "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        })
            .dialog('open');
    });
});

【问题讨论】：

标签： jquery jquery-ui jquery-ui-dialog

【解决方案1】：

在之前实例化它，然后在 ajax 上调用

jQuery('#media_edit_dialog').dialog('open');

保持属性自动打开设置为 false

【讨论】：

太棒了，它就像魅力一样工作，只需添加加载 html 数据 jQuery('#media_edit_dialog').html(data).dialog('open');