問題タブ [bootstrap-tags-input]

Bootstrap 3 TagsInput プラグインを CloudSponge に統合しようとしています。具体的には、CloudSponge を使用して、ユーザーがアドレス帳から複数の連絡先を選択できるようにし、TagsInput プラグインを使用する入力フィールドに結果を入力できるようにしたいと考えています。

この時点での障害は、タグを入力せずに入力フィールドに追加するだけです。標準の jquery tagsinput プラグインには addTag メソッドがあり、bootstrap-tagsinput プラグインには add メソッドがあります。

これを使用して入力フィールドを初期化する場合:

var obj = $('#inputEmail').tagsinput()

add メソッドを呼び出して文字列を渡すにはどうすればよいですか?

背景とツール:

Rails でBootstrap Tags Input jQuery プラグインを使用しています。

プラグインを として保存しておりvendor/assets/javascripts/bootstrap-tagsinput.js、スタイルシートをとして保存していますvendor/assets/stylesheets/bootstrap-tagsinput.css。

デジタル ライブラリ Rails アプリですべての本にタグを付けています。

問題:

Book#newまたはに直接移動するとBook#edit、タグはプロジェクトのデモ ページから期待どおりに機能します。

ただし、別のページのリンクをクリックしてBooks#editまたはページに移動すると、テキスト入力は、コンマ区切りの文字列が表示された典型的な html テキスト入力としてフォーマットされます。Books#newscience,fiction,good,short

詳細情報: 私の入力は次のようになります。

このbootstrap-tagsinput.jsファイルには、ファイルの下部に次の行があります。

この初期化はRailsによって実行され<input>、URLの場所を直接入力するときにJavaScriptの魔法を適用するようですが、ページ上のリンクを介して移動するときはそうではありません.

質問:

別のページから移動するときに初期化を実行するにはどうすればよいですか?

私は基本レベルのプログラマーで、PHP と jQuery で書いています。

サイトにテキスト ボックスのあるオートコンプリート フィールドを作成しようとしています。ユーザーが入力を開始すると、関連するユーザーと ID 番号の PHP ページから結果が取得されます。

私はこれを tagsinput と組み合わせています - 基本的には Gmail のようにしたいのですが - 誰かの名前を入力すると、タグとして表示されます。データにアクセスできる必要があります (特に ID - 名前を選択した後、それらの ID に基づいてユーザーにメールを送信するコードを作成するため)。

私のサイトでは Bootstrap 3 を使用しているため、さまざまな Typeahead プラグインと混同してしまいました。

私が理解しているように、使用するにはbootstrap3-typeahead.min.jsファイルを使用する必要があります。これは私のページに含まれています。

私が見る限り、ほとんどの作業は完了しています - ajax 呼び出しから正しい結果が返されていますが、必要に応じてオプションが画面に表示されていません - そして "TypeError: g is undefined" が表示されますFirebug のエラー。

ここに私がこれまでのところ行っているところがあります（必要なものは何でも投稿できます）：

上記のページは、json でエンコードされた名前と ID の配列を返し、機能しているようです。firebug を使用すると、(たとえば) それを確認できます。フィールドに「to」と入力すると、呼び出しが行われ、次のものが返されます。

console.log() 関数は、Firebug で返された有効なオブジェクトを示しています。

ドロップダウンと選択に関してこれを適切に表示するにはどうすればよいですか?

助けてくれてありがとう。

私はこの問題について昨日から頭を悩ませていましたが、解決できませんでした。私は Twitter Bootstrap を始めたばかりで、昨日まではすべてうまくいっていました。

最新の JQuery v1.11.1 と Twitter Bootstrap v3.3.1 を使用しています。昨日、ここから Bootstrap Tags Input をダウンロードしました: http://timschlechter.github.io/bootstrap-tagsinput/examples/

プラグインは機能し、ページ レイアウトに合わせて CSS スタイルを変更しましたが、フォーカス時にプレースホルダー属性が消えないという問題があります。タグを入力してコンマ値を追加すると、入力を開始するまでプレースホルダーが表示され、その後再び消えます。

JQuery onfocus 関数を使用して onfocus 時に属性を削除しようとしましたが、何もしません。私が達成したいのは、オンフォーカスのときにプレースホルダーがその時点で表示されないことです。

私の入力フィールドを以下に示します。

<input type="text" name="customer_tags" id="customer_tags" value="" placeholder="Enter you tags" data-role="tagsinput" required />

コンポーネントを使用してビューをロードする公式ドキュメントに記載されているパターンに従っています。コンポーネントの 1 つにフォーム フィールドがあり.tagsinput()、私はTagsInputを使用しているため、メソッドを呼び出す必要があります。のようなもの$('#tags').tagsinput()です。これが私がやっていることの簡略化されたバージョンです：

そのフォームフィールドを初期化する方法についての助けをいただければ幸いです。

ありがとうございました

私は現在、このプラグインをタグ入力 'bootstrap-tagsinput' に使用しています

このプラグインが提供する先行入力機能を使用しようとしています。typeahead のソース属性は、promise が返されることを期待していますが、返されたデータを変更する必要があります。どうすればいいですか？

アプリで優れたbootstrap-tagsinputを使用していますが、 Bootstrap 3 と組み合わせようとするとinput-group、入力グループが壊れます。

これを修正する方法はありますか？

jsFiddle はこちら: http://jsfiddle.net/cp5Lvtdo/2/

スクリーンショット:

コード：