Question

我使用jquery自动完成来执行简单搜索，我想在文本框下显示我的结果。目前，在搜索用户时，它会在文本框顶部附加数据，因此我无法看到我正在键入的内容。这就是我通过在线建议所做的事情：

  $("#auto").autocomplete({
            position: { //does not work
                my: "left top ",
                at: "left bottom",
            },
            appendTo: "#results",
            messages: {
                noResults: '',
                results: function () { }
            },

我已尝试过此功能，但只有在第二次搜索后才有效：

   $(function () {
       $("#auto").autocomplete({
       source: data
        });
     $("#auto").autocomplete({
         source: data
             }).autocomplete("widget").addClass("fixed-height");
                });

Answer 1

尝试使用position选项，特别是offset属性：

<强> HTML：

<input type="text" id="auto" />
<div id="results"></div>

<强> jQuery的：

var data = ['Java', 'JavaScript', 'C', 'C#', 'C++']
$("#auto").autocomplete({
    source: data , 
    position: {
        offset: '0 0' // Shift 0px to the left, 0px down.
    }
});

<强> Working Demo on JSFiddle

jquery自动完成位置

1 个答案: