需要双击的自定义属性（featherlight lightbox）

Question

所以，这是 jsfiddle：

这里是 link 插件 (featherlight lightbox)

问题是使用默认的 targetAttr（即 data-featherlight），只需单击一下即可。

但是，对于自定义的 targetAttr（如本例中的 data-single），我必须在灯箱打开前点击两次。

有人可以帮我弄清楚它为什么这样做吗？

谢谢。

Answer 1

$('selector').featherlight()（或使用data-featherlight）用于绑定，如$('selector').click( function() {...} ).

$.featherlight(...)用于触发，如$('selector').click()

因此，绑定点击和触发，或通过 $('...').featherlight 绑定，但不要像您现在所做的那样绑定点击然后绑定到该处理程序。

Answer 2

featherlight() 有一个内置的点击触发器，所以你只需要直接调用插件：

jQuery('.something_else').featherlight({
       targetAttr: 'data-single',                  
});

Custom attribute requiring double click (featherlight lightbox)