怎么用JQuery ui中的dialog 弹出另一个html页面中的form表单

qq_33297027 2016-07-11 03:34:40

怎么用JQuery ui中的dialog 弹出另一个html页面中的form表单

...全文

997 3 打赏收藏举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

NANU-NANA 2016-07-12

打赏
举报

回复

添加beforeshow event. 显示dialog前，用ajax加载数据

斯洛文尼亚旅游 2016-07-11

打赏
举报

回复

用jquery的load先加载地址里面的html代码（只需要包含form，去掉html，body，head等标签），然后再初始化dialog

$('#xxxx').load('xxxxx.html').dialog();

slwsss 2016-07-11

打赏
举报

回复

做个只有表单的页面弹出那个页面

无标题文档 $(function(){ $("#form1").dialog({ autoOpen: false,//设置属性，不自动弹出对话框 title:"欢迎登录",//设置dialog标题 height: 300,//高度 width: 350,//宽度，其余属性都为默认

最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单，则所有表单均无法正常提交，具体表现为： 1.提交按钮失效，点击后无任何反应。 2.即便是使用其它手段使页面产生提交，服务器端也无法取到Dialog中的表单数据。研究了页面源码后发现，jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部、form元素的后面，而原始的Dialog

我就不介绍Jquery UI Dialog了，不过其中的一些属性可以到这里去找：http://www.cnblogs.com/bestfc/archive/2009/06/08/1498742.html。比较全面喔。（我也是在这里看的，哈哈。）至于需要引入什么文件，我的不说了。给个网站:http://www.cnblogs.com/haogj/archive/2011/02/16/1

最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单，则所有表单均无法正常提交，具体表现为：
1.提交按钮失效，点击后无任何反应。
2.即便是使用其它手段使页面产生提交，服务器端也无法取到Dialog中的表单数据。
研究了页面源码后发现，jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部、form元素的后面，而原始的Dialog模板部分（其内包含表单元素）也被移到了动态生成的HTML元素内。也就是说，

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章