jquery插件 - css作爲參數

Question

我正在寫一個新的jquery插件，其中接受其中兩個參數。 第一個是字符串數組，第二個是顏色代碼數組（如#CCC）

我在插件中所做的是使用第一個數組中的字符串來製作一個類似於此的菜單：

<ul> 
    <li><a class="Link0">string1</a></li> 
    <li><a class="Link1">string2</a></li> 
</ul> 

我只是迭代數組並創建具有正確類的元素。 我現在需要的是將第二個數組中的顏色分配給類的方法。

$.each(settings.categoryColors, function(i, val) { 
    $('a.Link'+i).css('background-color',val);    
}); 

問題是這些類還將動態添加到日期選擇器的元素中。 所以我需要一種方法來設置類而不是用類更新元素。

換句話說，我需要一種方法來創建css類，以便所有接收類的元素具有相同的顏色。

我希望這是有道理的。

Answer 1

可以產生一些CSS的頭部如下：

var style = $('<style> .mystyle { background-color:black; }</style>') 
    $('html > head').append(style); 

    $.each(settings.categoryColors, function(i, val) { 
     $('a.Link'+i).css('mystyle');    
    });