問題タブ [jquery-autocomplete]

過去 7 時間、これを機能させようとしてきたので、わずかなフラストレーションのトーンを許してください。

私は、ajax 経由でコンテンツをロードする jquery ui タブの素晴らしいセットを正常に実装しました。

ajax 経由で読み込まれたコンテンツには、フォームがあります。タブがロードされたときに、フォームの最初のフィールド (#title の ID を持つ) が自動的にフォーカスされるようにしたかったのです。スクリプトを外部ドキュメントに入れようとしたときにこれがうまくいかなかったので、コールバックが良い考えだと思いました。

私はここからこのアイデアを得ました。遅延は、各タブをクリックしたときにフィールドが適切にフォーカスされないという問題が発生したためです。最初はこれで問題の一部が解決したと思っていましたが、さらにテストを重ねた結果、このフォーカス フィールドは最初に読み込まれたタブでのみ機能することがわかりました。

頭をすっきりさせて、素敵な jquery オートコンプリート テキスト フィールドを実装することにしました。

このスクリプトは、外部コンテンツに直接ロードすると機能するように見えましたが、残念なことに、さらにテストしたところ、そうではないことがわかりました。オートコンプリート フィールドは、ページの読み込み時に読み込まれるタブでのみ機能します。

これは、両方のスクリプトが最初に読み込まれたタブでのみ機能するというパターンに気付いたときです。

select、load、および show イベントを使用してみましたが、すべて機能しません。

各タブがクリックされるとアラートが表示されるため、コールバックが機能していることがわかります。

明らかに、私は何か非常に間違ったことをしています。

私のコードをバラバラにして、私が間違っていることを教えてください。

Struts2アプリケーションにjQueryオートコンプリートを使用しました。

実際には、私のアクションは jQuery が使用する文字列のリストを作成しました。これはスクリプトです：

入力中に、候補のボックスが表示されます。問題は、ボックスが別の値をレンダリングし、JSP のコードを正確にレンダリングすることです (オートコンプリート プラグインの CSS へのリンク)。

どうすればこれを解決できますか?

これは私のJSPです：

非常に簡単な背景:

Jquery Autocompleteを使用して、データベースからアイテムの値を検索しています。その値は、何らかの方法で同じフォーム内の隠しフィールドに渡され、データベースに挿入されます。

これを少し複雑にしているのは、私が Jquery Ui Tabs を使って作業していることです。これは、これまであまり楽しくありませんでした。

したがって、タブを作成するファイル内のコードは次のとおりです。

同じファイルがタブを作成し、Jquery オートコンプリートを開始するコールバックも持っています

次に、実際のタブコードにはフォームがあります

やりたいことは、sValue を取得して、フォームの非表示フィールドの値にすることだけです。

また、JQuery タブには複数のタブがあり、それらはすべて同じ形式であることにも言及する必要があります。これは、すべてのタブで同じ名前/ID/クラスを持ついくつかの異なる入力フィールドがあることを意味します。

これが ID 属性の問題であることはわかっていますが、名前属性にも同じことが当てはまるかどうかはわかりません。

Javascript と Jquery の非常に多くの異なるコード スニペットを試したので、もう考えられません。

BREAKTHROUGH ...しかし、まだ問題があります

ちょうど突破口がありました。このコードは機能します...ただし、<input ="text">要素でのみ。<input ="hidden">回避策はありますか、それとも CSS を使用してテキスト入力ボックスを非表示にする必要がありますか?

助けてください

ティム

この投稿とこれを参照してください。jquery オートコンプリート プラグインを使用して、ブログ/ウェブサイトに SO タグ システムに似たタグ検索を実装しようとしています。jquery 1.4 の最新バージョンを使用しているため、それで動作するかどうかわかりません。かつてこのプラグイン。したがって、これ以上 jibr-jabr がなければ、オートコンプリート用の私の html は次のとおりです。

これが私のJavaScriptです：

私のphp部分は大丈夫だと確信しています。URLを手動で入力すると、このように機能しますhttp://localhost/tags/filter/p

私は以下を返します：

p を含むすべてのタグを意味します。今のところ、この 2 つしかありません。私の質問は、私は何が間違っているのかということです。私は本当にこれにこだわっています。私は何度も物事を変えてきました。今では何か新しいことを考えることはできません. ありがとうございました

私はdjango-ajax-selectsを使用しています。これは、jquery オートコンプリート機能を提供する無料で入手できる django アプリです。

私はそれを機能させました - つまり、私が望むフォームフィールドをオートコンプリートしています。しかし、問題があります...パートナーシップオブジェクトをデータベースに追加するModelFormで使用しています:

そのような Skater オブジェクトが存在せず、そのオブジェクトを作成したい場合でも、ユーザーが female_partner および male_partner フィールドに名前と姓を入力できるようにしたいと考えています。どうすればこれを行うことができますか？フィールドが検証されない (有効なスケーターではない) ため、コードをフォームの save メソッドに入れることができません。

編集 1: コードを追加する...

フォーム：

settings.py:

lookups.py (MaleLookup は、gender=MALE 以外は同じです):

jQuery とオートコンプリート プラグインを使用して、写真サイトにライブ検索を実装しようとしています。データをローカルに指定すると、すべてが機能します。

ただし、これを PHP に移動すると、jQuery は結果を適切に解析できません。ここで何が起こっているのか本当にわかりません。私の現在のコードは以下の通りです：

そして、私の PHP スクリプトは、次の形式で多次元配列を出力します。

ただし、alert(item.text) を実行すると、変数は未定義と表示されます。

alert(item) を実行すると、PHP によって出力された文字列全体が表示されます。

eval() をいじってみましたが、どこに置くべきか、または JS に実際にデータを解釈させる方法がわかりません。ご協力いただきありがとうございます。私の実装に固有のサンプル コードは高く評価されています。

jQueryのオートコンプリートプラグインの各インスタンスのスタイルをページごとに変えたいと思います。インスタンスごとに異なるスタイルを設定する方法がわからない場合を除きます。CSSからそれらを識別するためにdiv内でac_*スタイルをラップすることができないようです。私が行うすべての変更は両方に影響します。何か案は？

ありがとうございました。

2 番目の 2 つのテキスト ボックス (調査員と機関) で jQuery オートコンプリートを使用するページがあります。データを正常に取得して表示していますが、入力を続けると何らかの理由でデータのリストがフィルタリングされません。

理由を知っている人はいますか？これを有効にするために何かする必要がありますか? jQuery サイトによると、オートコンプリート初期化子の唯一のオプションはdelay、minLength、およびsourceです。

前もって感謝します！jQ v1.4.1 と jQui v.1.8rc1 を使用しています。

以下は、$(document).ready() で呼び出しているコードです。

ユーザーが @ のような特定の文字を入力したときに、テキスト ボックスで jQuery オートコンプリートを有効にしたいと考えています。ユーザーがテキストに「@」を入力したときに「john」と入力した後にテキストボックスにjohn@gmail.comのようなメールアドレスを入力すると、オートコンプリートが有効になり、メール拡張子のリストが表示されます (「Gmail. com」、「Hotmail.com」、「rediffmail.com」など）。

http://docs.jquery.com/Plugins/Autocompleteによって提供されるjqueryオートコンプリートは、INPUTフィールドまたはTEXTAREAフィールドで機能します。属性をcontenteditable="true"に設定することにより、DIV要素をTEXTAREAとして機能させるユースケースがあります。オートコンプリートのDIVのDOMハンドルを使用して、オートコンプリートのテキストエリアとして動作させることはできますか？現在、プラグイン「現状のまま」はDIVでは機能していません。プラグインが上記のすべての要素で機能するようにするには、どのような変更を行う必要がありますか？