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。