open Fancybox в закладках

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