javascript - 如何在 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

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

<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>

我找到了答案here .