Javascript 如何在每次调用jquery插件函数时使用不同的外部样式表？

我正在使用我不久前编写的

jQuery插件

；这是一个网格视图插件。我试图在同一个页面上使用这个插件两次，使用两个不同的

div

s

插件正在使用

外部样式表

我需要对每个GridView插件使用特定的外部样式表

页面在div数组中循环，并调用创建网格视图的

gridview（）

函数

var divs = ['div1', 'div2'];
//At this point how can i tell it which external style sheet it can use?
 for(var i in divs){ 
        $('#' + divs[i]).gridView({}) ; 

如本例所示：

我试过这样做

condition ? $('head').append('link to 1st sheet') :
            $('head').append('link to 2st sheet')

---

这总是给我第二个样式表，只需在运行时向每个列表添加一个类，然后将这些类添加到CSS中所有不同的元素

var divs = ['div1', 'div2'];
//At this point how can i tell it which external style sheet it can use?
 for(var i in divs){ 
        $('#' + divs[i]).addClass('style'+i).gridView({}) ; 

然后将style+i添加到所有不同的样式中

.style1 .hideDateTimePicker{height:1000px}
.style1 .headerTitle {width:50%;float: left;height:25px;padding-left:10px;padding-top:5px} /*div*/ 
.style1 .headerTitle span {height:24px;padding:1px;padding-right:5px;padding-left:5px;position:relative;font-size:100%;color:#3a3a3a;font-weight:bold;}

---

等等。我建议使用，以使添加css的方式更容易

实际上，使用这个小提琴，两个样式表都被加载。但是如果它们没有不同的选择器，那么第二个选择器将覆盖第一个选择器。@Deryck我没有不同的选择器css是一个类selectorGive div1，id为#div1，div2得到#div2。然后进入样式表1，将#div1放在所有内容的前面（或者放在与其他选择器相关的适当位置），并对样式表执行相同的操作2@Deryck不幸的是，div是动态的：）必须有一种更通用的方法。改为添加类。或者通过Javascript添加类（如果不能通过HTML）。现在，您的选择器正在相互覆盖，因此这是唯一的解决方法。