引导模式中内容的JQuery UI自动完成

引导模式中内容的JQuery UI自动完成,jquery,jquery-ui,autocomplete,bootstrap-modal,jquery-tags-input,Jquery,Jquery Ui,Autocomplete,Bootstrap Modal,Jquery Tags Input,我在bootstrap modal中有AJAX生成的内容,其中包含使用标记输入的元素插件以及jquery autocomplete作为建议 当元素存在于模态之外时,这些工具可以正常工作。所以,当我将引导模式与jquery autocomplete一起使用时,就会出现问题。意味着自动完成列表将不再显示。但结果将从服务器返回 标记输入元素: <input type="text" class="form-control" name="keyword[]" data-toggle="tag_aut

我在
bootstrap modal
中有AJAX生成的内容,其中包含使用
标记输入的元素
插件以及
jquery autocomplete
作为建议

当元素存在于模态之外时,这些工具可以正常工作。所以,当我将
引导模式
jquery autocomplete
一起使用时,就会出现问题。意味着自动完成列表将不再显示。但结果将从服务器返回

标记输入元素:

<input type="text" class="form-control" name="keyword[]" 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"}

提前感谢这是
z-index
问题,要使自动完成结果列表具有更高的优先级,只需添加以下
css
类并添加属性:

.ui-autocomplete
{
    z-index: 99999; //Maximum and top of everything (not absolutely :| )
}
.ui-autocomplete
{
    z-index: 99999; //Maximum and top of everything (not absolutely :| )
}