jquery ui autocomplete的“No Matches”消息
我是新手,并查看了其他示例,但尚不清楚如何在没有结果的情况下为最新版本的自动完成http://docs.jquery.com/UI/Autocomplete设置“No Matches”消息。
这是我正在使用的代码,有人可以帮助编写剩下的代码,理想情况下可以将其点击到“建议”页面。
$(document).ready(function() { var data = [ {label: 'Yahoo', value: 'http://yahoo.com'}, {label: 'BMW', value: 'http://bmw.com'}, {label: 'Bing', value: 'http://bing.com'} ]; $("input#autocomplete").autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(data, request.term); response(results.slice(0, 10))}, focus: function (event, ui) { $(event.target).val(ui.item.label); return false; }, select: function (event, ui) { $(event.target).val(ui.item.label); window.location = ui.item.value; return false; } }); });
提前致谢。
更新:已经设法一起修复,但我如何在消息中嵌入一个工作链接?
//<![CDATA[ $(window).load(function(){ var data = [ {label: 'Yahoo', value: 'http://yahoo.com'}, {label: 'BMW', value: 'http://bmw.com'}, {label: 'Bing', value: 'http://bing.com'} ]; $("input#autocomplete").autocomplete({ source: function(request, response) { var results = $.ui.autocomplete.filter(data, request.term); if (!results.length) { $("#no-results").text("No results found!"); } else { $("#no-results").empty(); } response(results.slice(0, 10)); }, focus: function (event, ui) { $(event.target).val(ui.item.label); return false; }, select: function (event, ui) { $(event.target).val(ui.item.label); window.location = ui.item.value; return false; } }); }); //]]>
而不是使用$("#no-results").text("No results found!")
尝试$("#no-results").html('No results found!')
。 虽然为什么你想要一个没有链接的锚标签让我困惑。