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

侯赛因·沙赫沙比(Hossein Shahsahebi)

我有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"}

提前致谢

侯赛因·沙赫沙比(Hossein Shahsahebi)

这就是z-index问题,要给自动完成结果列表更高的优先级,只需添加波纹管css类并添加属性:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章