jquery
  • fancybox
  • 2010-03-09 116 views 1 likes 
    1

    我在我的项目中使用PHP + jQuery + Fancybox。 我有多个动态创建的选项卡。 我在每个标签页头上都有一个星形图标,并点击它们,我想打开一个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错误。请告诉我方式。谢谢。

    回答

    0

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

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