タグ付けされた質問 「typeahead.js」

私はそれをドロップダウンに入力するためにajax呼び出しを行うtwitterブートストラップtypeahead要素の実用的な例を見つけようとしています。 私は既存のjqueryオートコンプリートの作業例を持っていますが、これはajax urlを定義し、返信を処理する方法を定義しています <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { minChars:3, max:20 }; $("#runnerquery").autocomplete('./index/runnerfilter/format/html',options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. これを先行入力の例に変換するには、何を変更する必要がありますか？ <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var options = { source:'/index/runnerfilter/format/html', items:5 }; $("#runnerquery").typeahead(options).result( function(event, data, formatted) { window.location = "./runner/index/id/"+data[1]; } ); .. …

280 jquery  twitter-bootstrap  jquery-autocomplete  jquery-ui-autocomplete  typeahead.js 

Twitterのtypeahead.js 0.9.3を使用していますが、私の提案はまったくスタイル付けされていません。 私はこれを手に入れています： このようなものの代わりに：（例のページから取得） 先行入力を有効にするJavaScript： $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); HTML input要素： <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> その他の注意事項： 私が取り組んでいるサイトにはjQuery 1.10.1があり、Twitterブートストラップを使用していません。私が作成しなかったため、干渉しているのではないかと心配しているCSSがたくさんありますが、プラグインは独自のスタイルを追加しているようです（付随する.cssファイルはありません）。 ？なぜスタイルが機能するのか混乱していますが、プラグインによって追加されたものが機能せず、透明な背景、境界線なしなどの候補が表示されます。

182 javascript  css  typeahead.js