열기 Fancybox in tab

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는 열리지 않습니다. 자바 스크립트 오류도 없습니다. 저를 보여주세요. 고맙습니다.

Answer 1

해결책을 얻었습니다.
새 탭을 열 때마다 fancybox 코드를 다음과 같이 작성해야합니다. 인덱스 파일에서 이미 초기화되었으므로 첫 번째 탭에 대해이 작업을 수행하지 않아야합니다.

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