如何在Dropkick插件的CSS中单独定位多个下拉列表

跟进： 如何通过修改自定义样式下拉列表的jQuery插件，以相对单位而不是px获取输出？

参考： http ： //jamielottering.github.com/DropKick/

鉴于以下JS：

dropdownTemplate = [ '
', '', '{{ label }}', '', '
', '
', '
', '
', '
' ].join(''), 

如何分配自定义ID或以其他方式单独定位每个dk_toggle实例？ 我正在创建多个下拉列表，但修改宽度（每个链接的问题）的唯一方法是定位dk_toggle类，该类没有为每个实例分配ID。

Answer 1

分配唯一ID将是模板解析器的工作。 你没有提到你正在使用的模板引擎。 一般的想法是，您将下拉数据以及对上面定义的模板的引用传递给模板解析器。 解析器会将id值注入正确的模板元素，然后你就可以进入比赛了。

Answer 2

DropKick有主题，所以你会做这样的事情：

 $('select.a').dropkick({ theme: 'black' }); $('select.b').dropkick({ theme: 'white' }); 

然后在你的风格：

 .dk_theme_black { background:black; color:white;} .dk_theme_white { background:white; color:black;}