当前位置 : 主页 > 网页制作 > JQuery >

jquery – 在iFrame中使用Fancybox Ajax功能提交表单

来源:互联网 收集:自由互联 发布时间:2021-06-15
我想使用Fancybox在iFrame中显示注册表单.一旦用户填写了他/她的详细信息. 应使用Jquery / Fancybox中的ajax机制以及同一Fancybox iframe中显示的值来处理详细信息. 这怎么可以实现,我整天都在摸
我想使用Fancybox在iFrame中显示注册表单.一旦用户填写了他/她的详细信息.

应使用Jquery / Fancybox中的ajax机制以及同一Fancybox iframe中显示的值来处理详细信息.

这怎么可以实现,我整天都在摸不着头脑,我不知道我哪里出错了.

以下是我的代码

$("a.interested").fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'type': 'iframe',
                 ajax: {
                           type     : "POST",
                           cache    : false,
                           url      : "/components/profile/buyer/regbuyer1.php",
                           success: function(data) {
                                $.fancybox(data);
                            }
                        }
            });

一些代码示例确实会有所帮助.

感谢名单

我们的想法是你在fancybox中打开iframe,然后在iframe中使用常规帖子,因为iframe中的所有请求都将保留在iframe中.

所以你在代码中所要做的就是:

$("a.interested").fancybox({
                'width': 400,
                'height': 400,
                'enableEscapeButton' : false,
                'overlayShow' : true,
                'overlayOpacity' : 0,
                'hideOnOverlayClick' : false,
                'type': 'iframe',
                'href': "/components/profile/buyer/regbuyer1.php" //or any other url that contains the contents of that iframe
            });
网友评论