jquery - Fancybox不适用于动态添加的外部链接

我的物品清单如下

<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内容而不是图像（这始终是外部链接）。我正在尝试为fancybox popout效果提供任何带有'.should-popout'的href属性的东西。

但是在单击它时，只是重定向到外部URL。我的fancybox选项如下

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

设置中可能有什么错误。

最佳答案

我建议您升级到v3并像这样使用：

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

v2尝试获取当前选择器（使用此方便的https://api.jquery.com/selector/属性），然后使用该选择器创建委托事件处理程序。但是jQuery v3删除了该功能，因此不再起作用。因此，v3允许使用这种新语法。

关于jquery - Fancybox不适用于动态添加的外部链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47386229/