問題タブ [jquery-tokeninput]

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.

0 投票する
1 に答える
407 参照

javascript - jQuery tokenInput 検索結果はページ下部

enter code here jQuery Tokeninput で何らかの問題が発生しています。

検索結果はページ下部にあるようです。ここで何が本当に問題なのかわかりません。CSSの問題のようです。

問題が何であるかを示すビデオを作成しました。

http://screencast.com/t/oez0zd4mNz

これが私のjsfiddleコードです:

http://jsfiddle.net/NPfGC/

そこでは機能しますが、私のサイトでは機能せず、検索結果が一番下にあります。

私はあなたが見るために私のサイトにページを作りました: http://discovrd.com/weird

これについて何か考えはありますか?あなたのアイデアは大歓迎です!

0 投票する
2 に答える
1274 参照

javascript - 動的としての条件で tokeninput パラメーターを設定する方法

asp.netでのオートコンプリートにtokeninput jqueryを使用しています。

http://loopj.com/jquery-tokeninput/

テキストボックスが1つあり、検索パラメーターは条件付きです。このjqueryはロード時にレンダリングされます。チェックボックスがあり、チェックボックスがチェックされている場合は検索パラメータが変更され、チェックボックスがチェックされていない場合は検索パラメータがデフォルトのパラメータになります。問題は、チェックボックスがチェックされているときに検索パラメータが変更されないことです。デフォルトの条件として 1 つの条件のみで検索します。チェックボックスで IsPastClass をクリックして true または false に変更します。

条件付きで tokeninput パラメータを設定する方法を教えてください。

ありがとう。

0 投票する
2 に答える
480 参照

php - ユーザートークン(スキル)を検索するSQLクエリ

Web サイトでユーザー スキルを検索する検索システムを構築しています。このスキルはトークンとして表示されます。ユーザー スキルのデータベース テーブルは次のようになります。

したがって、2 つのスキル (またはそれ以上) が 1 人のユーザーに属している場合、表示は次のようになります。

このようではありません(私が今達成していること)

jQuery tokeninput プラグインを使用してトークン データをサーバー側に渡します。スキル ID をサーバー側に渡し、サーバー側で jQuery tokeninput によって指定されたスキル配列を展開します。

次に、これを foreach ループに入れます。

そして、これは私が悪い出力を得る場所です:

0 投票する
4 に答える
7078 参照

ruby-on-rails - Capybara (v2) を介して Bootstrap モーダルと対話する際の問題

Railsアプリケーションで、ドライバーでCapybaraを使用して、RspecのjQuery TokenInputフィールドでBootstrapモーダルをテストしようとしています。問題の部分は次のとおりです。capybara-webkit

  • ボタンをクリックしてモーダルを取得
  • TokenInput にチーム名を入力します
  • Tab キーを押して選択するようにシミュレートする
  • チームを作成する
  • ページに名前が表示されていることを確認する

これは、それらすべてが適切に配置されている場合にのみ機能しsleep 1ます。そうしないと、Capybara が でクラッシュしhave_content、チーム名を正しく選択できなかったため、最終的にサーバー エラーが発生します。ただし、TokenInput フィールドのないその他の Bootstrap モーダルはsleep 1、ロードする前に を必要としません。

そうは言っても、睡眠を取り除き、これを通常どおりに進める方法はありますか? wait_untilCapybara 2は、デフォルトの待機時間内に何かをテストするために待機するため、(正当な理由で)取り出しました...しかし、それは私の上記のテストには反映されていないようです。あたかもこのモーダルに出入りするときに、カピバラがその待機期間に従事していないかのようです。誰でもこれを経験したことがありますか?Rails 3.2.10、Rspec 2.12、Capybara 2、capybara-webkit 0.14.0、TokenInput 1.6 を使用。

0 投票する
1 に答える
1024 参照

java - JQuery TokenInputで検索結果が表示されない

jQuery Tokeninput を使用してユーザーのメールを表示していますが、実際にはユーザーを招待しようとしています。入力テキストをクリックして電子メールを入力すると、その電子メールが存在する場合でも常に結果が表示されません。

私のJSは

私のコントローラーアクションは

テキスト入力を入力すると、apiCustomer アクションが呼び出され、有効な json 文字列のような応答が返されます

前もって感謝します

0 投票する
1 に答える
1368 参照

css - TokenInput と CSS を使用して X、「削除ボタン」をテキストよりも大きくする

私は有名な TokenInput を使用しており、CSS のスタイルを変更しています。「X」を大きく表示したいのですが、テキストがそれに合わせて中央に配置されず、下部にとどまります。どうすればこれを行うことができますか?私は少し困惑しています。

ここに画像の説明を入力


アップデート:

現在、CodePen で動作するデモを公開しています (当時は JSFiddle がダウンしていましたが、これも非常に優れています)。

http://cdpn.io/oauIs

ありがとう


CSS:


HTML

0 投票する
0 に答える
795 参照

javascript - jquery-tokeninput がモバイルで正しく機能しない

jquery-tokeninput を使用して、ユーザーがリンク済みの友達や Facebook の友達を検索して選択できるようにしました。

私たちは多くの問題に直面しています

  1. ユーザーがボックスへの入力を開始すると、テキスト ボックスがオレンジ色のボックスで強調表示されます。ただし、このオレンジ色のボックスはテキスト ボックスを完全に覆っているわけではなく、テキストの周りのテキスト ボックスの一部のみを覆っています。この問題が jQuery-tokeninput と ruby​​ コードの構成の不一致によるものかどうかは不明です。

  2. テキストボックスの現在の入力位置を示すポインターが表示されないことがあります。これは、ユーザーがテキスト ボックスをクリックしても、そのようなポインター (点滅する | ライン) が表示されない場合に発生します。

http://imgur.com/ii6df3Lはスクリーンショットの 1 つ http://imgur.com/7HId3id、 imgur.com/8KIXpa0 はスクリーンショットの他の画像です。

以下は、erb ファイルと rb ファイルで使用したコードです。

提案テキストボックスのコードは

および対応する論理ファイルを含む

0 投票する
1 に答える
2665 参照

javascript - tokenInput:queryParamで追加のパラメーターを渡す方法

Jqueryトークン入力を使用しています。queryParamで追加のパラメーターを渡す方法を知る必要があります。

脚本 :

コントローラ:

ServiceControllerの関数「GetMaterials」にアクセスする必要があります。スクリプトには、queryParam(つまり、「q」)と別のパラメーター「type」があります。

サービスコントローラーを呼び出しているときに、queryParamとともに「type」パラメーターを渡す必要がある方法

誰か助けてもらえますか?

前もって感謝します :)

0 投票する
1 に答える
619 参照

javascript - jQuery Tokeninput を使用するときに一致する文字を太字 + 赤にする方法

http://loopj.com/jquery-tokeninput/demo.html#formattingを使用しています

一致する文字も赤くしたいのですが、それらが持っているCSSまたはJavascriptの一部を見つけることができません。

ここに画像の説明を入力

彼らのプロジェクトはGitHubにあります。