JqueryUI Dialog 加载动态页 部分页
2024-08-25 05:12:45
问题:使用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 方法找不到,
修改冲突文件就可以正常操作
最新文章
- 30个你必须记住的CSS选择符
- Spring单例模式与线程安全
- EasyUI 页面分页
- 从快的线上callback hell代码说起
- 【转载】利用shell脚本获取一个文件的绝对路径readlink
- iOS开发——图层OC篇&Quartz 2D各种绘制实例
- Codeforces Round #205 (Div. 2) : B
- UILabel的高度自适应
- 转。webapp开发小tips
- [Kafka] - Kafka基本概念介绍
- APUE 3 -- 信号 （signal）<II>: 可靠信号
- YARN中FIFO、Capacity以及Fari调度器的详细介绍
- python的mysql小代码
- Linux编程 9 (shell类型，shell父子关系，子shell用法)
- Python三大web框架简单介绍
- 学习 vue 源码 -- 响应式原理
- linux学习--目录处理命令
- Javascript和JQuery函数定义方式
- Java中break和continue跳出指定循环
- maven 插件2