問題タブ [jquery-tags-input]

jQuery-Tags-Input プラグイン: Github page / Demoを使用しています。

デモで、 と を押すenter と,、現在のタグが送信されることがわかります。を押しても同じようにお願いします;。デフォルトでは、 を押す;と、タグの一部と見なされます。

オプションでこれを見つけることができませんでした。コードを直接調整する以外の方法はありますか? 誰かがすでにそれをやっていますか？

次の機能を持つページを開発しようとしています。

ページには 2 つの列があります。1 つは #origin (左の列) で、四角形 (変数を表す) のリストを含み、2 つ目は #drop (右の列) で、四角形をドロップできる入力を含みます。

必要な結果を得るために、 jquery ui draggableとjQuery Tokeninputの 2 つのプラグインを使用することを考えました。

<li>問題は、rectangle( ) を入力フィールドにドロップすると、タグとして表示されるようにするにはどうすればよいかということです。同じ要素を使用しても問題ありません。<li>ただし、(式を完成させるために) 入力にさらにテキストを入力できる限り、後でユーザーが気が変わって、変数 (タグ) が自分のものではないと判断した場合または、彼女が望むように、ページでタグを削除できるようにする必要があります (右上隅の「X」をクリックするか、左側の列の元の場所にタグを戻すことによって)。

誰かがすでに似たようなことをしていて、私にいくつかのガイダンスを与えることができますか?? または、誰かがこれについて別のアイデアを持っていますか?

どんな助けでも大歓迎です。

PS同じ入力でテキストとタグを組み合わせることができる他のタグ付けプラグインを知っている場合は、私に知らせてください.

私はブートストラップ 3.0.0 を使用しており、tagsinput プラグイン ( http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/ ) をテキスト入力用のポップオーバーと組み合わせて使用​​しようとしていますが、ポップオーバーは機能しません。動作します。2 つのプラグインをどのように組み合わせることができるかについてのアイデアはありますか?

tagsinput を削除すると、ポップオーバーは正常に動作します。

私の流星プロジェクトでは、bootstrap-tagsinput プラグインを使用しています。

http://timschlechter.github.io/bootstrap-tagsinput/examples/

「typeahead」モードで使用するため、次のように初期化が必要です。

それを meteor と統合する最善の方法が何かわからないので、アドバイスを求めています。

私はいくつかのアプローチを試しました：

(1) 入力要素を含むテンプレートの .created に初期化コードを入れます。

これは当然のようです。ただし、テンプレートが再レンダリングされると、初期化データが失われ、input 要素が tagsinput として動作しなくなります。

(2) (1) と同じですが、{{#constant}} ディレクティブを追加します。{{#constant}} ディレクティブは、流星のドキュメントに従って再レンダリングを防ぎます。プラグインは、一度初期化され、再レンダリングされない場合にのみ機能するはずです。

(ちなみに、追加された div には理由があります。詳細を参照してください:)

これは次の場合に失敗します。

例外スタックは役に立たなかった (ほとんどが「spark」コード) ため、このパスを放棄することになりました (ただし、機能させることができれば、これが最善の方法であると思います)。

(3) .rendered 関数でタグ入力を初期化する:

プラグインは初期化を一度だけ受け入れるため、これも失敗します。2 番目の初期化は機能しません。tagsinput() 引数が関数プロパティ名であると想定し、それを実行しようとします (またはこれらの行に沿ったもの)。

（4）（3）をさらに進めて、初期化されたデータを削除することで裏をかくと思いました：

これにより、input 要素の data['tagsinput'] がクリアされ、tagsinput の初期化を繰り返すことができます。data['tagsinput'] が存在しなくなると、初期化が行われ、再作成されます。このトリックでほぼ解決しましたが、小さな副作用 (自動生成された div 要素が DOM に残る) を除いては. tagsinput プラグインが機能する方法は、input 要素の後に兄弟 div を追加することです。

ソリューション試行 (4) が実行されると、新しく生成された div とともに、ときどき div が dom に残ります。この時点で、この解決策は流星の精神によるものではないと感じ始めましたが、以下を使用して長引く div を取り除こうとすることにしました。

このコードで仕事は完了しますが、非常にハックであり、meteor または tagsinput が更新されると壊れる可能性があります。

流星忍者の誰かがタグ入力を初期化する正しい方法を教えてくれたら、それは素晴らしいことです!