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コンテンツ（これは常にを示して外部リンク）。私は、href属性に '.should-popout'というものがあれば、fancyboxのポップアウト効果を与えるようにしています。

しかし、それをクリックしている間は、外部URLへのリダイレクトが発生します。私のfancyboxオプションは次の通りです

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

設定には何らかの問題があります。

Answer 1

I Wの

Read it here

v3の

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

ウルドは、あなたが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)); 
});