在另一个fancybox ajax 上打开fancybox

Question

我有一个 Fancybox，它显示了一些对话框和一个可供单击的按钮。 当我单击此按钮时，我想在现有的一个..或屏幕上的另一个位置打开另一个fancybox，但我不想丢失已经存在的fancybox。 我想通过 ajax 请求来填充它们。 这可能吗？ 因为我的尝试导致丢失了原来的花式盒子..

我得到了这个代码：

$.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);
                    }
                }); 

Answer 1

不幸的是，您不能同时拥有多个花式盒子......它就是这样设计的。

你可以在现有的里面有另一个fancybox（当打开一个外部页面-通过iframe-里面有fancybox）......或者你可以在父页面上打开那个内部fancybox，创造你拥有的错觉同一页面上的两个花式框。 Check here for more

另一方面，我记得唯一支持多个盒子的灯箱是jQuery Tools Overlay

Answer 2

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