Facebox 中的 Jquery

Question

我已经设置了 Facebox，并且可以正常工作。当我加载带有基于选项卡的导航（也是 JQuery）的外部页面时，模式可以工作，但导航却不能。如果不清楚，我实际上希望选项卡位于灯箱内。我还在灯箱内运行 php/mysql，如果这可以改变任何东西的话。 感谢您的任何帮助。

编辑=>抱歉，缺少代码，这里是加载到 Facebox 的页面上的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('#tabs').tabs();
            });
    </script>
<div id="tabs">
        <ul>
            <li><a href="#tabs-1">Informations</a></li>
            <li><a href="#tabs-2">Factures en attente</a></li>
            <li><a href="#tabs-3">Marché en cours</a></li>
        </ul>

我看到也许使用 Jquery live 可能会有所帮助，但我不确定这是否是我需要的。

Answer 1

我想我明白了，但我对facebox还不够了解。如果它通过 AJAX 加载，那么您将需要在文档中使用 jQuery 的 .live 函数，如下所示：（在您的主页上，而不是模态页面）：

$(document).ready(function () {
    $('.modal_box').live('load', function () {
        $('#tabs').tabs();
    });
});

如果它通过 iFrame 加载，那么您将不需要使用.live，但是您可以考虑将选项卡调用包装在准备好的文档内，如下所示（在模式页面内）：

$(document).ready(function () {
    $('#tabs').tabs();
});