問題タブ [bootstrap-tags-input]

私は困惑しています。最初の入力は、tagsinput から値を取得する方法を示す xyz などです。2 番目の入力は、先行入力を使用したアラスカなどです。3 番目はベルギーなどを結合しますが、ボタンをクリックすると、countrySelection 入力で値を取得できません。何か案は？
前もって感謝します。

AJAX 呼び出しを介して作成され、 Bootstrap Tags Input 要素を含むフォームを含むページがあります。標準のタグ入力イベントを利用しようとする次のコードは効果がありません。

Javascript:

HTML (これは、タグ入力プラグインが適用されたときに生成される標準の HTML です。ユーザーが入力フィールドにタグを追加/削除したことに対応して、「tag...」要素が追加/削除されます):

ここで何がうまくいかないのか、そしてそれを修正する方法についてのアイデアはありますか?

ブートストラップtagsinputの最初の位置にスペースを許可する必要があります。このような結果のタグが必要です: 「タグ」は「タグ」とは異なります。

Trim (methods: false) を試しましたが、タグのポスト スペースでは正常に機能していますが、タグのプレ スペースでは機能しません。

できるだけ早く提案してください。前もって感謝します。

html:

js:

ただし、入力タスクのスタイルを変更display='none'し、余分な div を追加します。

返される html は次のとおりです。

なぜそれは奇妙な振る舞いをしているのですか？

ここでは、このようなタグ入力を使用しています。

しかし、タグを追加すると、タグ文字が 5 以下の場合、タグが正しく表示されます。文字が 5 を超えると、完全なタグ テキストが表示されず、タグの末尾にクロス記号も表示されません。ここにスクリーンショットがあります

12345 を入力し、結果:

123456 を入力し、結果:

1234567 を入力し、結果:

1234567890 と入力した結果:

タグ内のすべてのテキストとタグの末尾に十字記号を表示するにはどうすればよいですか?

ブラウザーのサイズが変更されたときに、Bootstrap の 2.3.2 グリッド システムを使用して重複している 2 つの div があります。ブラウザ ウィンドウを縮小すると、結果は次のようになります。

2 つの div が重ならないようにします。それらが同じ行に収まらない場合、2 番目の div は最初の div よりも低くなる必要があります。これは、レスポンシブ レイアウトが既に行っていることです。私の問題は、それらが重なっている奇妙な少数のピクセルです。

ここでは、Bootstrap のタグ入力ライブラリを使用しています。

HTML:

いくつかのダミー データを設定する JavaScript:

そして私のCSS：

ここで問題をデモするjsfiddleがあります：https://jsfiddle.net/brseyg6c/

タグが入力ボックスに追加された後に何かをしようとしましたが、タグ入力ブートストラップに itemAdded というイベントがあることを知っています。しかし、理由はわかりませんが、コードが機能していません。

HTML:

JS:

なぜこれが機能しないのかわかりません。新しいタグを入力しても何も起こりません。

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