Thông báo "Không phù hợp" cho jquery ui tự động hoàn thành

Question

Tôi mới làm điều này và đã xem xét các ví dụ khác nhưng không rõ về cách đặt thông báo "Không khớp" cho phiên bản mới nhất của tự động hoàn thành http://docs.jquery.com/UI/Autocomplete khi không có kết quả.

Đây là mã tôi đang sử dụng, ai đó có thể giúp viết phần còn lại, lý tưởng là bạn có thể nhấp vào trang 'đề xuất'.

<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> 

Xin cảm ơn trước.

CẬP NHẬT: Đã quản lý để sửa lỗi cùng nhau, nhưng làm cách nào tôi có thể nhúng liên kết hoạt động trong thư?

<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

Thay vì sử dụng $("#no-results").text("<a href=\"/\">No results found!</a>") hãy thử $("#no-results").html('<a href="">No results found!</a>'). Mặc dù tại sao bạn muốn một thẻ neo không có liên kết gây nhầm lẫn cho tôi.