2

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");
                    }
            });
        }
    });
});
4

3 に答える 3

0

z-indexプロパティ値として （ pxがnumber追加されておらず、そのような高い値に設定することを強く疑っています）、ここで使用法を確認してくださいz-index99999999999999

例：z-index: -1;

于 2013-07-16T06:48:26.393 に答える