Fancybox 동적으로 추가 된 외부 링크

Question

을 작업하지

<ul> 
<li><a href="http://toExtUrl/img.jpg" class="should-popout"> 
    <img src="http://mywebsite.com/icon.png"></a> 
</li> 
</ul> 

이

toExtUrl/img.jpg가 동적으로 추가되어 다음과 같이 나는 항목의 목록을 가지고 있고 때로는 대신 이미지를 PDF 또는 HTML 컨텐츠 (이것은 항상 표시 할 수있다 외부 링크). 나는 '.should-popout'의 href 속성과 함께 제공되는 fancybox 팝업 효과를주기 위해 노력하고 있습니다.

하지만 외부 URL로 리디렉션하는 것만으로 문제가 발생합니다. 내 fancybox 옵션은 다음과 같습니다.

$(window).load(function(){ 
$('a.should-popout').fancybox({ 
    'autoDimensions' : true, 
    'autoScale' : true 
    'hideOnContentClick': true, 
    'showCloseButton' : true 
}); 
}); 

설정 오류 일 수 있습니다.

Answer 1

나는 w를 들어 V3

$().fancybox({ 
    selector : 'a.should-popout', 
    loop  : true 
}); 

를 들어

Read it here

울드는 v3으로 업그레이드하고 다음과 같이 사용하는 것이 좋습니다 :

$().fancybox({ 
    selector : '.should-popout' 
}); 

v2를 현재의 선택 (이 편리 https://api.jquery.com/selector/ 속성을 사용)을 얻기 위해 시도하고 위임 된 이벤트 처리기를 만드는 것을 사용한다. 하지만 jQuery v3에서는이 기능이 제거되었으므로 더 이상 작동하지 않습니다. 따라서 v3에서는이 새로운 구문을 허용합니다.

Answer 2

먼저 문서를 읽어야합니다. 이전 버전의

Read it here in api method

$(document).on('click','a.should-popout',function(event){ 
    $.fancybox.close(true); 
    $.fancybox.open($(this)); 
});