JqueryUI Dialog 加载动态页 部分页

问题:使用JqueryUIDialog 加载部分页,可以弹出对话框,但是在操作页面上的按钮是提示"dialog"找不到,思路是,先取到部分页加载到要dialog的Div上,在dialog出来,代码如下,

问题代码:

  $("#PushAisburse").click(function () {

        $.get("PushAisburse").success(function (data) {

            $("#dialog-form").append(data).dialog({

                modal: true,
                buttons: {
                    "增加": function () {
                        //初始化提交
                        var fromdata = $("#addfrom").serialize();
                        $.post("PushAisburse", fromdata);
                    },
                    "取消": function () {
                        $(this).dialog("close");
                    }
                },
                close: function () {
                    $("#addfrom").remove();
                }
            });

        }).error(function () {
            $("<div></div>").attr("id", "msg").append("<p class ='.text-error'>打开添加收入记录失败!</p>").appendTo("body").dialog();
        });

    });

解决:

测试后分析生成的HTML 发现是加载部分页的问题, 如果用以上代码加载页面上的HTML代码可以正常操作,但是加载部分页就会有Bug,改成dialog弹出时加载部分页Bug消失

正常代码如下:

 $("#PushAisburse").click(function () {

        $("#dialog-form").dialog({
            modal: true,
            buttons: {
                "增加": function () {
                    //初始化提交
                    var fromdata = $("#dialog-form").serialize();
                    $.post("PushAisburse", fromdata);
                },
                "取消": function () {
                    $(this).dialog("close");
                }
            },
            open: function () {
                $.get("PushAisburse").success(function (data) {
                    $("#dialog-form").append(data);
                }).error(function () {
                    $("#dialog-form").append("<p class ='.text-error'>打开添加收入记录失败!</p>");
                });
            }
        });
    });

还有一个经常性的错误: 被加载的部分页中不能有和加载到body页面中有同样的引用文件,会导致引用文件冲突,导致,dialog只显示一次,关闭dialog后就打不开了,dialog 方法找不到,

修改冲突文件就可以正常操作