fancybox 3：自定义设置未生效

Question

我有一个html文件，里面是

<div class="gallery"> </div>

。我正在使用 jquery 函数加载文件/img

load()

$(".gallery").load("gallery/photos.php"); 

.php 里面的代码是：

$photoDir = '../gallery/foto';
       
$photoFiles = array_diff(scandir($photoDir,1), array('..', '.'));
        
foreach($photoFiles as $photoFiles)
    echo '<a href="gallery/glamour/'.$photoFiles.'" data-fancybox="images" ><img src="gallery/glamour/'.$photoFiles.'"></a>';

和 fancybox 使用默认设置，但是当我想调用我的设置时它不起作用，例如我使用：

$("[data-fancybox="images"]").fancybox({
thumbs : {
    autoStart : true
},   
keyboard: false,
});

我尝试了文档中的全局方式：

$.fancybox.defaults.animationEffect = "tube"; 

但它也不起作用...但是当我禁用我的

load()

并在

.gallery

div 中我写（硬编码）：

<a href="gallery/photo/img1.jpg" data-fancybox="images" ><img src="gallery/photo/img1.jpg"></a> 

然后我的自定义设置就可以正常工作了。

我做错了什么？

Answer 1

确保您的选择器返回您的链接。

根据您的情况，将

$("[data-fancybox]")

替换为

$('[data-fancybox="images"]')