如何在 Facebox 弹出窗口仍然打开时加载另一个 div？

Question

我刚刚弄清楚如何使用 Facebox。我可以在 Facebox 中打开隐藏的 div，但如何让它转储当前的 div 并加载另一个 div，而不关闭弹出窗口？如果用户单击弹出窗口内的链接，我希望 Facebox 弹出窗口加载另一个 div（同时转储前一个 div）。我已经尝试过这样的事情：

<script type="text/javascript">
        jQuery(document).ready(function($) {
            $('a[rel*=facebox]').facebox({})
        })
</script>

<a href="#div1" rel="facebox">Div1</a>
<div id="div1" style="display:none;">
   <a href="#div2" rel="facebox">Load the other div</a>
</div>
<div id="div2" style="display:none;">
   <p>Other div</p>
</div>

我不知何故知道事情没那么简单。我已经尝试在网上搜索答案，但没有找到答案。这可能吗？对于 Javascript，我完全是个菜鸟，所以请耐心等待。

Answer 1

我已经找到答案了。显然，您需要将其绑定到鼠标单击事件并执行递归。我是这样做的：

<script type="text/javascript">
    function find_hidden(){
        $('.infinite')
        .unbind('click')
        .bind('click', function() {
            var glink = $(this).attr('href');
            jQuery.facebox({div: glink});
            find_hidden();
        });
    }
</script>

我在此处找到了答案。

Answer 2

通过浏览源代码，我认为您可以只传递一个字符串，如下所示：

$.facebox('<div>test</div>');

Answer 3

试试这个：

jQuery("#facebox_overlay").click();jQuery.facebox({ div: '#your-new-div-id' });