Skip to main content
 首页 » 编程设计

jquery之"No Matches"jquery ui 自动完成消息

2026年07月28日9tuyile006

我是新手,并且看过其他示例,但不清楚如何为最新版本的自动完成设置“不匹配”消息 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> 

请您参考如下方法:

而不是使用 $("#no-results").text("<a href=\"/\">No results found!</a>")尝试$("#no-results").html('<a href="">No results found!</a>') 。尽管为什么你想要一个没有链接的 anchor 标记让我感到困惑。