我有AJAX生成的内容,bootstrap modal
其中包含使用tags-input
插件的元素,也jquery 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"}
提前致谢
这就是z-index
问题,要给自动完成结果列表更高的优先级,只需添加波纹管css
类并添加属性:
.ui-autocomplete
{
z-index: 99999; //Maximum and top of everything (not absolutely :| )
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句