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

【问题标题】：fancyapps | Fancybox on click not working花式应用程序 |点击 Fancybox 不起作用
【发布时间】：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'));
    }
});

【讨论】：