jQuery自动完成结果的顺序
我正在使用jQuery-autocomplete插件来获取使用对服务器的AJAX调用来完成输入字符串的建议。 此外,服务器负责按照我希望它们出现的顺序返回结果,但自动完成以不同的顺序显示它们。
如何配置jQuery自动完成以不重新排序输出? 我不需要在客户端进行任何处理,因为数据已根据需要进行排序/排序。
在将服务器结果发送到自动完成之前简单地对其进行排序应该这样做。
所以在你echo json_encode($return_arr);
之前echo json_encode($return_arr);
在$return_arr
上使用sort()
函数
你也可以尝试这样的事情:
逻辑是构建一个以术语开头的匹配数组,然后将其与包含该术语但不以其开头的匹配项连接起来。
$(document).ready(function () { var source = ['Adam', 'Benjamin', 'Matt', 'Michael', 'Sam', 'Tim']; $("input").autocomplete({ source: function (request, response) { var term = $.ui.autocomplete.escapeRegex(request.term) , startsWithMatcher = new RegExp("^" + term, "i") , startsWith = $.grep(source, function(value) { return startsWithMatcher.test(value.label || value.value || value); }) , containsMatcher = new RegExp(term, "i") , contains = $.grep(source, function (value) { return $.inArray(value, startsWith) < 0 && containsMatcher.test(value.label || value.value || value); }); response(startsWith.concat(contains)); } }); });
示例: http : //jsfiddle.net/zkVrs/
资料来源: https : //stackoverflow.com/a/8302996/973155
好吧,事实certificate它比我想象的要简单。 我决定阅读插件的代码并通过注释掉对我的输出进行排序的代码来修改它。
那是我在默认情况下找到变量’sortResults:true’的时候。 所以,我所需要的只是将该变量设置为false。 我没有在文档中找到这个。
$('#search').autocomplete ( { url: "index.php", sortResults: false } )
现在输出的顺序与我要求的完全相同。
我有了从这里读取代码来查找/解决问题的想法: jQuery“Autocomplete”插件搞乱了我的数据顺序 (这不是同一个插件)
谢谢。 🙂
由于当前构建的jQuery Autocomplete插件中没有sortResults选项,我不得不搜索另一个解决此问题的方法,并找出插件排序结果的唯一原因是每次服务器响应不是带有对象的纯数组{label :…,价值:……}。
将PHP视为您使用的语言, json_encode(array_values($ your_array)); 应该做的伎俩。
- 通过链接替换精灵图像
- $(“html”)。animate({scrollTop:$(document).height()},“slow”); 如果它在底部不滚动它
- WCF跨域使用Jsonp错误未捕获SyntaxError:意外的令牌:
- 从javascript中的嵌套函数返回
- 使用Handlebars.js助手用jQuery创建活动元素?
- 你如何使用Javascript复制表单字段?
- jQuery:根据另一个在combobox上加载数据
- 如何使用javascript或jquery在asp.net应用程序中禁用右键单击,f12(调试)和ctrl + s
- 使用jquery的html下拉式使用Session存储设置和获取值