"No Matches" jquery UI 自动完成的消息

Question

我是新手，看过其他例子，但不清楚如何为最新版本的自动完成设置"无匹配"消息http://docs.jquery.com/UI/Autocomplete当没有结果时。

这是我正在使用的代码，有人能帮我写剩下的吗，最好是让它可以点击到"建议"页面。

<script>
    $(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;
            }
        });
    });
  </script>

提前谢谢。

更新：我已经设法找到了一个修复程序，但我如何在消息中嵌入一个工作链接？

<script type='text/javascript'>//<![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("<a href="/">No results found!</a>");
                        } 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;
            }               
                });
    });
//]]>  
  </script>

Answer 1

不要使用$("#no-results").text("<a href="/">No results found!</a>")，请尝试使用$("#no-results").html('<a href="">No results found!</a>')。虽然为什么你想要一个没有链接的锚标签让我很困惑。