我有一个项目列表如下
<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 弹出效果。
但是点击它时只会重定向到外部网址。我的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/ 属性),然后使用它来创建委托(delegate)事件处理程序。但 jQuery v3 删除了该功能,因此它不再起作用。因此 v3 允许使用这种新语法。
关于jquery - Fancybox 无法处理动态添加的外部链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47386229/