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' 
     });