javascript - 点击 fancybox 弹出窗口时需要弹出 Fancy 框

Question

我有一个精美的弹出消息框，其中有一个标记为“继续”的按钮。当我单击此按钮时，精美的框将关闭。我想要的是这个。我想单击“继续”按钮，并且希望关闭精美的框(就像当前一样)，然后我希望在此之后弹出另一个精美的框(登录屏幕)。我有代码可以弹出登录屏幕，但不知道如何在关闭上一个花哨的框时执行此操作。我有带有继续按钮的精美框的代码

$.fancybox({
            'content': "<div style=\"border-width: 0px; width: 350px; height: 80px; color:#00285D; font-weight:bold;\">" + message + "<br/><br/>" + "<p class=\"center\"><a href=\"#\" onclick =\"parent.$.fancybox.close();\" class=\"btn-continue\">Continue</a></p>"
        });

我有这个代码用于弹出登录屏幕(基于 ID 为 SignIn 的链接:

<script type="text/javascript">
        $(document).ready(function () {

            CMF.pop('#SignIn',1010,459,0,0,'iframe');
        });
    </script>  

pop 方法如下所示:

// element, width, height, padding, margin, type, refresh(enabled if undefined)
    pop: function (el, w, h, p, m, i, r) {
        $(el).fancybox({
            width: w,
            height: h,
            padding: p,
            margin: m,
            type: i,
            scrolling: 'no',
            onClosed: function () {
                if( r == undefined)
                    parent.location.reload(true);                       
            }
        });
    } // fancybox

有什么想法吗？

谢谢

萨钦

Answer 1

演示页面可以帮助人们更快地回答您的问题，从而节省您和他们的时间。但无论如何.. FancyBox 显然有很多“自动”功能，因为它似乎是一个简单的图像库解决方案。

而不是调用:

parent.$.fancybox.close();

这在我的示例中甚至不起作用，因为它存在于当前窗口中，而不是 window.parent 中，因此如果需要， $.fancybox.close() 就可以了。您只想让精美的框自动转换到新内容，因此只需触发如下单击事件:

$('#SignIn').trigger('click');

一定不要调用 close ，否则它会以某种方式取消这次点击......？是的，我也认为 FancyBox 没有办法触发弹出窗口而不让你在宿主项目上假装“点击”，这很愚蠢......

但直接来自马口:http://fancybox.net/blog (查看#6)

希望有帮助-ck