模式对话框如何使用,看不懂?

方镇鸿 发布于 2013/08/30 22:55
阅读 214
收藏 0

如何实现下面该模式对话框,它是怎么进行传值的,解释一下:



加载中
0
卖切糕大叔
卖切糕大叔

ajax+弹窗(popup dialog)可以实现这个功能

ajax和popup dialog都有很多现成的库,你可以自己在网上搜一搜,jquery和jquery UI是常见的库。

你给《转发》添加一个click事件,ajax根据转发的内容ajax访问分享页面然后弹窗,弹窗里的《转发》同样添加一个click事件,ajax提交表单给服务器

-Jw-
-Jw-
+1
0
童学芬
童学芬
$('<div style="width:500px;height:500px;position:absolute;top:100px;left:100px;border:1px solid red;z-index:99999999;background-color:green;color:#fff;">测试弹出框</div>')
.appendTo('body');
0
SNY
SNY

这里的模态框其实就是一个div罢了,和页面上对待其他元素没区别的。当然如果是ajax场景则一般在ajax请求成功后再创建模态框div,再将数据设置入dom元素中,最后显示出来。

返回顶部
顶部