1

プラグインbootstrap modalを使用する要素と提案用の 要素を含むAJAX 生成コンテンツがあります。tags-inputjquery autocomplete

これらのツールは、要素がモーダル外に存在する場合に適切に機能します。bootstrap modalで使用すると問題が発生しjquery autocompleteます。オートコンプリート リストが表示されなくなることを意味します。ただし、結果はサーバーから返されます

タグ入力要素:

<input type="text" class="form-control" name="keyword[]" data-toggle="tag_autocomplete" />

イニシエーターを呼び出す JS:

tag_autocomplete('[data-toggle="tag_autocomplete"]');

そして最終的に私のイニシエーター:

function tag_autocomplete(selector)
{
    $(selector).tagsInput({
        autocomplete_url: base_url + 'tag/autocomplete',
        width:'auto',
        defaultText:'+',
        minChars: 2,
        maxChars : 50,
        placeholderColor : '#666666'
    });
}

jquery オートコンプリートから得られた結果:

[{tag_id: "3", label: "hossein", value: "hossein"}]
    0: {tag_id: "3", label: "hossein", value: "hossein"}

前もって感謝します

4

1 に答える 1