4

フォローアップ： カスタムスタイルドロップダウンを作成するこのjQueryプラグインを変更して、pxではなく相対単位で出力を取得する方法?

参照: 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 インスタンスを個別にターゲットにしたりするにはどうすればよいですか? 複数のドロップダウンを作成していますが、(リンクされた質問ごとに) 幅を変更する唯一の方法は、各インスタンスに ID が割り当てられていない dk_toggle クラスをターゲットにすることです。

4

2 に答える 2

0

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;}
于 2013-01-08T21:34:43.040 に答える
0

一意の ID を割り当てるのは、テンプレート パーサーの仕事です。使用しているテンプレート エンジンについては言及しません。一般的な考え方は、上記で定義したテンプレートへの参照とともに、ドロップダウン データをテンプレート パーサーに渡すことです。パーサーは id 値を正しいテンプレート要素に挿入し、レースに取り掛かります。

于 2012-08-02T01:40:56.603 に答える