7

オートコンプリートに jQuery CSS の代わりに Foundation 機能を使用するベスト プラクティスは何ですか?

ここに私のコードがあります: http://jsfiddle.net/qhoc/88kfb/

<div class="row">
 <form class="custom">
 <fieldset>
 <legend>Fieldset</legend>
 <div class="row">
  <div class="large-12 columns ui-widget">
   <label for="tags">Input Label</label>
    <input id="tags" type="text" placeholder="large-12.columns">
  </div>
 </div>
</div>

ページのオーバーヘッドになる別の .css ファイルを含めるのは好きではありません。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

だから私は2つの質問があると思います：

  1. Foundationなどから使う方法はありdropdownますか？それは、その特定のユースケースの外でdropdownのみtopbar、そのcssが台無しになっているようです。

  2. Foundationでドロップダウンメニューを作成する「標準的な」方法は何ですか? いくつかの例を手伝ってください。私はそれが束であるrowsか、微調整である可能性があると考えていたのでdropdown

4

2 に答える 2

13

jquery を介して 'f-dropdown' クラスを以下に追加してみてください:

 $('.ui-autocomplete').addClass('f-dropdown');

app.css または youystyle.css にも設定します。

.ui-helper-hidden-accessible{display:none}

役に立てば幸いです... http://jsfiddle.net/vgarcias/WdncE/

于 2013-08-13T16:43:01.123 に答える
4

Foundation は現在、次のバージョンでオートコンプリートをデフォルトで組み込むことを試みています。このエントリを見つけることができます

https://github.com/zurb/foundation/issues/3100

于 2013-08-29T21:59:32.567 に答える