花式应用程序 |点击 Fancybox 不起作用

Posted 2023-05-08

【中文标题】花式应用程序 |点击 Fancybox 不起作用

【英文标题】：fancyapps | Fancybox on click not working

【发布时间】：2021-12-30 03:54:47

【问题描述】：

我正在使用这个库来展示花式框： https://fancyapps.com/docs/ui/quick-start

现在我想在fancybox中触发next时执行一个函数，但我无法让它工作。

这是我目前使用的脚本：

Fancybox.bind("[data-fancybox]", 
    next: function() 
        return(console.log('Next called');
    
);

但它不起作用，有人知道为什么吗？

非常感谢！

【问题讨论】：

您能否说明您在文档中的确切位置发现存在这样的next 事件...？

@CBroe;这是下一步的点击功能：fancyapps.com/docs/ui/fancybox/options

这是一个名为click 的选项，它可以将next 作为可能的值之一——这与你上面写的完全不同。 click 选项的目的是指定，当背景被点击时应该发生什么 - next 说，显示下一个项目。您可以在此处指定自己的回调函数 - 但它不会再自动转到下一项，您必须自己在回调函数中实现。

我认为你从这里开始寻找错误的地方 - 你真正想要的是对它提供的 事件之一 做出反应，fancyapps.com/docs/ui/fancybox/events跨度>

【参考方案1】：

您的代码在语法上不正确。示例，应如下所示：

Fancybox.bind("[data-fancybox]",
    next: ()=>
        return(console.log('Next called'));
    
);

但是对于事件，你需要使用https://fancyapps.com/docs/ui/fancybox/events 比如https://jsfiddle.net/wfkbugpq/2/