Jquery UI自动完成-显示首选项的方式

我是一个试图配置jQueryUI自动完成的新手程序员/设计师。我使用javascript对象数组使其正常工作。该阵列包含我们引导客户前往的零售商门店。我们有一些比较受欢迎的商店，因此我们希望它们比其他商店更早出现，但我真的不知道如何将它们过滤到结果中，或者是否可能

如果有人在Widget中键入内容，我希望Widget Store 4首先出现。以下是jquery代码：

var widgetstores = [ 
{label: "Widget Store 1", value: "1001" }, {label: "Widget Store 2", value: "1002" }, {label: "Widget Store 3", value: "1003" }, {label: "Widget Store 4", value: "1004" }, {label: "Widget Store 5", value: "1005" }, {label: "Widget Store 6", value: "1006" }
]

 $(function() {     
                $('#tags').autocomplete({
                    minLength: 3,
                    source: widgetstores,
                    focus: function(event, ui) {
                        $('#tags').val(ui.item.label);
                        return false;
                    },
                    select: function(event, ui) {
                        $('#tags').val(ui.item.label);
                        $('#customer_num').val(ui.item.value);                      
                        return false;
                    }
                })
                .data( "autocomplete" )._renderItem = function( ul, item ) {
                    return $( "<li></li>" )
                        .data( "item.autocomplete", item )
                        .append( "<a>" + item.label + "</a>" )
                        .appendTo( ul );
                };
            });

---

我不确定您使用的是什么AutoComplete库，但它看起来像：

该库不会自动为您排序项目。它使用传递给脚本的项的顺序，并从中筛选。因此，如果您的项目在传递到自动完成之前符合您想要的顺序，则应使用该顺序

更新：

var widgetstores = [ 
{label: "Widget Store 4", value: "1004" }, {label: "Widget Store 1", value: "1001" }, {label: "Widget Store 2", value: "1002" }, {label: "Widget Store 3", value: "1003" }, {label: "Widget Store 5", value: "1005" }, {label: "Widget Store 6", value: "1006" }
]

---

请记住将您的代码标记为代码，以便获得良好的格式并有助于阅读！选择文本并单击0101按钮