jQuery-UI的自动完成功能不能很好地显示z-index问题

Question

我目前正在我的客户网站上实现jQuery UI的自动完成功能.问题是:自动完成所在的元素具有更高的z-index,然后是自动完成的z-index.我尝试手动设置自动完成z-index,但我觉得jQuery UI会覆盖它.

实际上我的问题是自动完成建议列表错误的z-index的重复,我该如何更改？,但由于没有答案,我想再试一次.

欢迎任何帮助!

马亭

Answer 1

使用z-index和!important

.ui-autocomplete { position: absolute; cursor: default;z-index:30 !important;}  

Answer 2

在搜索时我发现了这个主题(http://forum.jquery.com/topic/alternating-style-on-autocomplete).显然,改变自动填充框样式的唯一方法是通过javascript完成:

    open: function(){
        $(this).autocomplete('widget').css('z-index', 100);
        return false;
    },

Answer 3

更改父Div的z-index,自动完成菜单将具有div的z-index + 1

Answer 4

在CSS中jQuery UI:

.ui-front { z-index: 9999; }

Answer 5

试试这个,你可以在运行时或初始化时操纵z-index

$('#autocomplete').autocomplete({
    open: function(){
        setTimeout(function () {
            $('.ui-autocomplete').css('z-index', 99999999999999);
        }, 0);
    }
});