jQuery的插件对象配置与.data（）

Question

它可能愚蠢的noob一般的JavaScript问题，但我一直试图找到一个答案天。我可以说我使用jquery插件，将对象作为设置（我将在flexbox上显示，名为fluixbox），我希望它从html中获取一些设置。

HTML：

<a data-color="rgba(40,25,255,1)"> My colorful image </a> 

的javascript：

$("a").fluidbox({ overlayColor: $(this).data("color") }) 

我认为它不言explenatory，我试图做的一切。我认为问题必须与范围有关。如果我只是创建返回rgba（40,25,255,1）的函数，并将其替换$（this）.data（“color”），那么它确实可行。

谢谢你的回复。

Answer 1

当您在该范围中使用$（this）时，您不是指锚点，而是指的是Window对象。

您可以使用：

$("a").each(function() { 
    $(this).fluidbox({ overlayColor: $(this).data("color") }); 
}); 

这应该工作，因为函数里面的“每一个”方法更改范围，你遍历每个一个DOMElement。