jquery ui对话框没有在第一个ajax请求中加载表单标签

时间:2014-10-21 08:29:40

标签: jquery jquery-ui jquery-ui-dialog

您好我正在使用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');
    });
});

1 个答案:

答案 0 :(得分:1)

之前实例化,并在ajax上调用

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

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