0

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

Javascript:

<script>
    $(document).on('itemAdded itemRemoved', '.bootstrap-tagsinput input',  function(e) {
        alert('triggered');
        // call some function
    });

    // after the form is generated via the AJAX call, the tags input is 'refreshed'
    ...
       $('.input_tags').tagsinput('refresh');
    ...
</script>

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

<div class="bootstrap-tagsinput">
   <span class="tag label label-info">
   ...
   <span class="tag label label-info">
   <input type="text" size="4">
</div>

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

4

2 に答える 2

0

これが私が見つけた解決策です：

「bootstrap-tagsinput」div 要素内の可視入力の下に、サーバー側で生成され、.tagsinput() が適用された入力フィールドの属性を持つ非表示の入力フィールドが存在します。イベントは、'bootstrap-tagsinput' div 内にある可視入力ではなく、このフィールドに関連付ける必要があります。

于 2016-08-30T17:29:13.610 に答える