Question

所以，这是jsfiddle：

以下是该插件的链接（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',                  
});