2010-07-12 4 views
0

동적으로 생성 된 이미지에 라이트 박스 (피로 박스)를 사용하고 싶습니다. 나는 표준 방법을 사용한다 - css, js 파일을로드하고 엘레멘트를 선택 자에 추가한다.하지만 그것은 작동하지 않는다. 그걸로 어떤 경험이 있습니까?동적 이미지의 jquery 라이트 박스

나는 또한

$('.pirobox').bind('click', function() { 
    $('.pirobox').piroBox({ 
     my_speed: 400, 
     bg_alpha: 0.3, 
     slideShow : true, 
     slideSpeed : 4, 
     close_all : '.piro_close,.piro_overlay' 
    }); 
}); 

답변

0

사용 live 대신, 그것은 (귀하의 경우) 현재 존재하는 요소 또는 미래에 사용할 수 있습니다하려고합니다.

$('.pirobox').live('click', function() { 
    $('.pirobox').piroBox({ 
     my_speed: 400, 
     bg_alpha: 0.3, 
     slideShow : true, 
     slideSpeed : 4, 
     close_all : '.piro_close,.piro_overlay' 
    }); 
}); 
+0

작동하지 않습니다. 요소를 클릭하면 .pirobox가 활성화되지만 pirobox는 작동하지 않습니다. 브라우저에서 이미지를 URL로 엽니 다. 나는 다른 라이트 박스 (http://leandrovieira.com/projects/jquery/lightbox/)도 시도하지만, 같은 결과이다. 그것은 서버의 생성 된 요소에서 작동하지만 jQuery의 생성 된 요소에 대해서는 작동하지 않습니다. – misco

2

해결되었습니다. 링크를 생성 한 후이 코드를 추가하십시오.

$(document).find('a.lightbox').lightBox(); 
+0

안녕하세요. 저는 또한 같은 문제가 있습니다. Lightbox를 동적으로 생성 된 컨트롤 (div, images)에 구현하는 방법을 설명 할 수 있습니까 –

+0

이 문제에 대한 해결책을 찾고있었습니다. 나는 mafnific 팝업을 사용하고 있으며 이것은 나를 위해 일하고있다. 정말 고맙습니다 – ponnus

관련 문제