問題タブ [jquery-autocomplete]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jquery オートコンプリートと json レスポンスのヘルプ
次の応答を返す ASP.NET 2.0 json Web サービスがあります。
オートコンプリート プラグインで使用するためにこれをテスト ボックスにバインドすると、ドロップダウンに結果が表示されません。呼び出しが行われたことをfirebugで確認しました。
私のフロントエンドコールは以下のようになります
誰かが私が間違っていることを教えてもらえますか?
ありがとう
jquery-autocomplete - autocomplete: 重複した検索を避けるにはどうすればよいですか?
JQuery プラグインオートコンプリートを一種のデータセット チューザーとして使用します。ユーザーがオートコンプリート ルックアップから値を選択すると、一致するデータセットがデータベースに照会されます。ユーザーが新しい値を入力すると、ユーザーは新しいデータセットを入力できます。ユーザーがオートコンプリート ルックアップから選択するのではなく、既存の値を入力すると、問題が発生します。これが完了すると、オートコンプリート.result()
メソッドは呼び出されず、データセットは取得されません。これを修正する.blur(function(){$(this).search();});
ために、入力要素に a を追加しました。これにより、元の問題が修正されました。
今.result()
、ルックアップからの選択とぼかしで発生する問題があります。.result()
ルックアップまたはぼかしからの選択で発火したいと思います。どうすればそれを実現できますか?
これが私のコードです:
jquery - 複数の jQuery Autocomplete ウィジェットがありますか?
jQuery UI に含まれており、ここに文書化されているのは 1 つだけだと思いました。
devbridge のもののように、jQuery にプラグインするサードパーティのオートコンプリート ウィジェットがあることは知っています。しかし、私はそれをjQuery オートコンプリート ウィジェットではなく、jQueryのオートコンプリート ウィジェットと表現します。
しかし、Stackoverflow では、 jQuery UI ドキュメントで説明されている構文を使用しないオートコンプリート ウィジェットについての質問を目にします。例えば:
- jquery.autocomplete.js - オートコンプリートはどのように機能しますか?
- Jquery AutoComplete プラグインの呼び出し
- jquery オートコンプリートと json レスポンスのヘルプ
jQuery UI 構文は次のようになります。
これらの他の質問のいくつかは、次のような構文を持っています。
不一致の説明は何ですか?人々は「jquery autocomplete」について尋ねますが、どれを指定するかは指定しません。方向性がなければ、jquery UI のオートコンプリートを想定すべきではありませんか?
javascript - jQuery offset() が一部のブラウザー、一部のコンピューターで機能しない
特定のブラウザで要素を配置する際に問題があります。ここにある jQuery オートコンプリートを使用しています。オートコンプリート値を含む div は、テキスト ボックスのすぐ下にあり、完全に整列している必要があります。このコードは、によって生成された left プロパティを使用して、div の css left プロパティを設定します。$(textbox).offset();
コードを解凍して問題を解決しようとすると、次のようになります。
これは動作するはずで、Firefox でも動作します。IE8、Chromeでは動作しません。上部の位置は常に正しいですが、div が左にずれすぎたり、右にずれたりすることがあります。
さまざまなコンピューター (すべて Windows XP を使用) では、IE8 で動作します...これはどうしてでしょうか? Mac、OS 10.5 でもテストしました。Firefox では動作しますが、Safari では動作しません。
プラグインを無効にしたり、画面の解像度を変更したり、ウィンドウのサイズを変更したりしました...場所によっては、一貫して動作しないことがあります。
誰かが私が行方不明になっていることを考えることができますか?
更新: jQuery 1.4.2 およびjQuery UI 1.8rc3 で提供されるオートコンプリートを使用するようにコードを作り直しました。それはまだ壊れています、同じ問題です。助けてください!
更新 2 :この関連する質問を参照してください。オフセットを使用しているため、jQuery UI のオートコンプリートが壊れます。誰かが回避策を持っていますか?
これは、トリップする UI オートコンプリート機能の JavaScript です。
に変更すると正常にtop: '0px', left: '0px'
動作しますが、明らかに間違った場所に配置されています。
asp.net-mvc-2 - 「/」アプリケーションでサーバー エラーが発生しました。- リソースが見つかりません
ASP.NET MVC 2 は初めてです。このエラーが発生する理由がわかりません。私が正しく参照していない何かが欠けていますか。
簡単なjqueryオートコンプリートオンライン検索テキストボックスを作成し、選択した人の詳細を表示しようとしています
テキスト ボックス検索をインデックス ページに表示するにはどうすればよいですか? オートコンプリートが正しく機能するために他に何をしなければなりませんか。index.aspx ビューに autocomplete.js と jquery.js を追加しました
これを機能させることができるように、どんな助けでも大歓迎です。
ありがとう!
jquery - jQueryオートコンプリート機能、データベースでまだ利用できない単語のサポートを追加する方法は?
SOがサイトで使用する方法のようなタグシステムを実装しようとしています。ユーザーは複数のタグワードを指定できます。ただし、jquery プラグインとして利用できる他のすべてのオートコンプリート機能に加えて、ユーザーがデータベースにない新しい単語を入力できるようにしたいと考えています。
それができるプラグインを知っている人はいますか?または、存在しない場合、その機能を既存のオートコンプリート機能に追加するにはどうすればよいでしょうか?
現在、Drew Wilson の autosuggest プラグインを調査しています。これは、複数のタグを適切にサポートしているためです: http://code.drewwilson.com/entry/autosuggest-jquery-plugin
どんな助けでも大歓迎です!ありがとう :)
javascript - フォーカスが変更されない限り、キーアップ時にJqueryオートコンプリートが起動しない
jquery オートコンプリートを使用しており、テキスト ボックスのキーアップ イベントがあります。文字を入力すると、関数が呼び出されますが、ボックスにデータが入力されていません。
ボックスから離れてクリックしてから、ボックスに戻ると、オートコンプリートがうまく機能します。
本当に奇妙な問題で、修正方法がわかりません。どんな助けでも大歓迎です。
これが私のコードです
javascript - 入力時にJavaScriptオートコンプリート
正解です。私が見つけたすべてのオートコンプリートプラグインと関数は、キーアップ/ダウンなどでのみ更新されます。これは問題ありませんが、ユーザーが入力を停止し、フレーズや単語を入力している場合は、検索が開始されます。スクリプトはすぐに提案などを開始できません。
これは皆さんにとって非常に簡単な修正または提案になることを私は知っているので、キーが押されたときにすぐに変換する方法について助けていただければ幸いです。
望ましい効果の例は、GoogleサジェストまたはFacebook検索です。検索は、キーを押すか変更するたびに即座に実行されます。これをエミュレートするにはどうすればよいですか?
ありがとう!
jquery - JQueryUI オートコンプリート アイテムへのリンクを追加する
ユーザーが検索ボックスに入力を開始すると、提案ページは、その名前に一致するすべてのコレクションから最新のアイテムとその他のデータを返します。
そのアイテムを(画像とともに)表示したいと思います。また、「このコレクションのすべてのアイテムを見る」へのリンクも表示したいと思います。
私は次のコードでそれを(ほとんど)行うことができます:
問題は、リンクがボックスに表示されても、クリックすると無視され、デフォルトのselect
アクションが実行されることです (アイテムvalue
はテキストボックスに入れられます)。