jQuery自动完成排名

Question

I am using jquery auto-complete to perform a simple search, I would like to display my result under a text-box. currently when searching a user, it appends data on top of the text-box so i cannot see what I'am typing. This is what I have done through online suggestions:.

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

I've tried this and it works but it only works after 2nd search:

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

Answer 1

Try using the position option, specifically the offset property:

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