Question

我刚想出如何使用Facebox。我可以在Facebox中打开隐藏的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

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

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

Answer 2

从浏览源代码开始，我认为你可以传递一个字符串，如下所示：

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

Answer 3

试试这个：

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

当facebox弹出时如何加载另一个div仍然打开？

3 个答案: