在另一个fancybox ajax上打开fancybox

时间:2012-06-27 10:22:18

标签: javascript ajax fancybox

我有一个Fancybox,它显示了一些对话框和一个单击按钮。 当我点击这个按钮时,我想打开现有的另一个fancybox ..或者在屏幕上的另一个位置,但我不想丢失现有的fancybox。 我想通过ajax请求来填充它们。 这可能吗? 因为我的尝试导致失去原来的fancybox ..

我收到了这段代码:

$.fancybox.showActivity();
                $.ajax({
                    type        : "POST",
                    cache       : false,
                    url     : "../testservlet?select=1,
                    data        : $(this).serializeArray(),
                    height      : 600,
                    width       : 800,
                    padding     : 30,
                    showCloseButton : true,
                    success     : function(data) {
                        $.fancybox(data);
                    }
                });

$.fancybox.showActivity();
                $.ajax({
                    type        : "POST",
                    cache       : false,
                    url     : "test?select=2,
                    data        : $(this).serializeArray(),
                    padding     : 30,
                    showCloseButton : true,
                    success     : function(data) {
                        $.fancybox(data);
                    }
                }); 

2 个答案:

答案 0 :(得分:2)

不幸的是,你不能同时拥有多个fancybox ......它的设计就是这样的。

你可以在现有的fancybox中使用另一个fancybox(当打开外部页面时 - 通过iframe-中包含fancybox)...或者你可以在父页面上打开那个内部的fancybox,创造出你拥有的错觉在同一页面上的两个fancyboxes。 Check here for more

另一方面,我记得唯一支持多个框的灯箱是jQuery Tools Overlay

答案 1 :(得分:1)

在iframe中打开第一个fancybox。然后在里面另一个fancybox可以打开。