在另一个Fancybox Ajax上打开Fancybox

open fancybox over another fancybox ajax

本文关键字:Fancybox Ajax 另一个      更新时间:2023-09-26

我有一个花式框,它向我显示了一些对话框和一个按钮。当我单击此按钮时,我想在现有按钮上打开另一个花哨的框。或者在屏幕上的另一个位置,但我不想失去已经存在的花式盒子。我想通过 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);
                    }
                }); 
不幸的是,

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

不过,您可以在现有框中拥有另一个花哨的框(当打开一个外部页面时 - 通过 iframe- 其中包含花式框)......或者,您可以在父页面上打开内部花式框,从而产生在同一页上有两个花式框的错觉。查看此处了解更多信息

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

在 iframe 中打开第一个花哨的盒子。然后在里面可以打开另一个花哨的盒子。