jquery ui autocompleteの一致しないメッセージ

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> 

ありがとうございます。

UPDATE：修正プログラムを一緒に入手できましたが、メッセージ内に作業リンクを埋め込むにはどうすればよいですか？

<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>')を試してください。なぜあなたはリンクのないアンカータグを私に混乱させたいのですか？