открыть Fancybox во вкладках

Question

Я использую 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 тоже. Пожалуйста, покажи мне путь. Спасибо.

Answer 1

У меня есть решение :)
Мне пришлось инициализировать fancybox, т.е. писать следующий код fancybox, каждый раз, когда я открывал новую вкладку. Убедитесь, что нам не нужно делать это для первой вкладки, поскольку она уже инициализирована в индексном файле.

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