jquery - 弹出窗口内的 jQuery 自动完成

Question

我正在尝试使用 jQuery 为我的应用程序实现自动完成行为。
我的自动完成组件出现在一个弹出框中，我可以
在这个组件上调用自动完成方法我的意思是我从 AJAX 获取数据（在 firebug 中验证）
但是该数据没有显示在 UI 端

就好像我集成到页面中直接存在的组件（而不是弹出窗口中）一样，我能够获得行为。

希望有一些CSS问题。

$('#id').live("keydown.autocomplete", function () {
    $(this).autocomplete({
        source: function (request, response) {
            $.ajax({
                'url': 'http://localhost:7001/solr/select',
                    'dataType': 'jsonp',
                    'jsonp': 'json.wrf',
                    'data': {
                    'wt': 'json',
                        'q': "state:*" + request.term + "*"
                },
                    'success': function (data) {
                    response(
                    $.map(data.response.docs, function (item, i) {
                        return {
                            label: item.state,
                            value: item.state
                        };
                    }));
                },
                 open: function(event, ui) {
                        $(".ui-autocomplete").css("position", "absolute");
                        $(".ui-autocomplete").css("top", "100px");
                        $(".ui-autocomplete").css("left", "100px");
                        $(".ui-autocomplete").css("z-index", "99999999999999px");
                    }
            });
        }
    });
});

Answer 1

改变这个（删除 px）

$(".ui-autocomplete").css("z-index", "99999999999999px");

至

$(".ui-autocomplete").css("z-index", "2147483647");

仅供参考： z-index：2147483647 是最大值。检查这个SO 答案。

Answer 2

z-index将number（未附加px并且我强烈怀疑设置z-index为如此高的值99999999999999）作为属性值， 请在此处
查看用法

例子：z-index: -1;

Answer 3

将设置放在 css 文件中，然后您不必为每个自动完成都输入它，但如果您需要，您仍然可以在那里限定设置：

.ui-autocomplete {
    z-index: 2147483647;
}