Question

我在我的项目中使用PHP + jQuery + Fancybox。我有多个动态创建的选项卡。我在每个标题页上都有一个星形图标，点击它们后我想打开一个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）会正常打开。但是当我创建第二个标签并且单击其星形图标时，虽然该类在第二个和后续标签中应用，但是fancybox没有打开。没有javascript错误。请告诉我方式。谢谢。

Answer 1

我有解决方案:)
每次打开一个新选项卡时，我都必须初始化fancybox，即按照fancybox代码编写。确保我们不必为第一个选项卡执行此操作，因为它已在索引文件中初始化。

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

在标签中打开Fancybox

1 个答案: