Facebox里面的Jquery

时间:2010-03-12 09:32:22

标签: php jquery facebox jquery-tabs

我有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可能有所帮助,但我不确定它是否是我需要的。

1 个答案:

答案 0 :(得分:1)

我想我明白了,但我对facebox知之甚少。如果它通过AJAX加载,那么您将需要在文档中使用jQuery的.live函数,就像这样:(在主页上,而不是模态页面):

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

如果它是由iFrame加载的,那么你就不需要使用.live了,但是你可以考虑在这样的文档中包装tabs调用(在模态页面内):

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