弹出窗口内的 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 .