javascript - 如何在 CSS 中为 Dropkick 插件单独定位多个下拉菜单

Question

跟进:How to get the output in relative units instead px by modifying this jQuery plugin of making custom style dropdown?

引用:http://jamielottering.github.com/DropKick/

给定以下 JS:

    dropdownTemplate = [
  '<div class="dk_container" id="dk_container_{{ id }}" tabindex="{{ tabindex }}">',
    '<a class="dk_toggle">',
      '<span class="dk_label">{{ label }}</span>',
    '</a>',
    '<div class="dk_options">',
      '<ul class="dk_options_inner">',
      '</ul>',
    '</div>',
  '</div>'
].join(''),

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

Answer 1

分配唯一 ID 是模板解析器的工作。你没有提到你使用的是哪个模板引擎。一般的想法是将下拉列表数据连同对上面定义的模板的引用一起传递给模板解析器。解析器会将 id 值注入(inject)正确的模板元素，然后您就可以开始比赛了。