1

我在我的项目中使用 PHP + jQuery + Fancybox。我有多个动态创建的选项卡。我在每个选项卡标题上都有一个星形图标,单击它们时我想打开一个花式框。

我的标签基本上是 ul-li,带有以下动态代码。

$("#tabs").append("<li class='current'><a class='tab' id='tab_" +
    tabCnt + "<a href='#loginBox_div' class='login_link'> <img src='star.png' style='cursor:pointer'/> </a>" + "<a href='javascript:void(0);' class='remove'>x</a></li>");

在我的索引文件中:

$(document).ready(function() {

        $("a.login_link").fancybox({
            'titlePosition'     : 'inside',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        });     

    });

问题是当我单击第一个选项卡的星形图标时,loginBox_div(fancybox)会正确打开。但是,当我的第二个选项卡被创建并单击它的星形图标时,虽然该类应用于第二个和后续选项卡,但幻想框并未打开。也没有javascript错误。请给我指路。谢谢你。

4

1 回答 1

0

我得到了解决方案:)
每次打开新标签时,我都必须初始化fancybox,即编写以下fancybox 代码。确保我们不必对第一个选项卡执行此操作,因为它已经在索引文件中初始化。

$("a.login_link").fancybox({
            'titlePosition'     : 'inside',
            'transitionIn'      : 'none',
            'transitionOut'     : 'none'
        }); 
于 2010-03-09T09:35:27.280 回答