Jquery自動完成的建議沒有顯示在文本框下

Question

我一直在試圖得到一個簡單的jquery-ui自動完成工作示例。我有一個控制器設置來處理查詢，並返回字符串，看起來是爲了，但我沒有得到任何建議。

這裏是我包括在該網頁上

<link href="/Content/css/jquery-ui-1.8.12.custom.css" rel="stylesheet" type="text/css" /> 
<link href="/Content/css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" /> 
<link href="/Content/css/Stylesheet.css" rel="stylesheet" type="text/css" /> 
<link href="/Content/css/coupon1.css" rel="stylesheet" type="text/css" /> 
<link href="/Content/Slider/slidder.css" rel="stylesheet" type="text/css" /> 

<script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script> 
<script src="/Scripts/el7r_notify.min.jq.js" type="text/javascript"></script> 
<script src="/Scripts/ZeroClipboard.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.spellcheck.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.fancybox-1.3.4.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script> 
<script src="/Content/Slider/jquery.jcarousel.min.js" type="text/javascript"></script> 
<script src="/Content/Slider/jquery-func.js" type="text/javascript"></script> 
<script src="/Scripts/Coupon.js" type="text/javascript"></script> 

這裏是JavaScript和表單標籤庫：

$(document).ready(function() { 
     $("#tags").autocomplete({ 
      source: function (request, response) { 
       $.ajax({ 
        url: '/Home/GetCompanyNames', 
        success: function (msg) { 
         response($.map(msg)); 
        } 

       }); 
      } 
     }); 
    }); 



    <div class="ui-widget"> 
    <label for="tags">tags: </label> 
    <input id="tags" /> 
</div> 

我得到一個字符串的響應，看起來合理的從我的控制器：

「LTJRKK， KTOYQQ， GDADKT， PVFOQT， PVFOQT， YNKYVS， YNKYVS， DQBOVU， DQBOVU 「

此字符串似乎是默認命名是自動完成所期待的。

但我沒有得到任何喜悅。有什麼想法嗎？

Answer 1

您對$.map調用不正確。您沒有向$.map提供回調函數，這可能會導致此問題。

在這種情況下，您完全不需要使用$.map，因爲您的操作以正確的格式返回數據。以下應該工作正常：

$(document).ready(function() { 
    $("#tags").autocomplete({ 
     source: '/Home/GetCompanyNames' 
    }); 
}); 

Answer 2

也許你需要這個：

$("#tags").autocomplete({ 
    source: function(request, response) { 
    $.ajax({ 
     url: "url", 
     data: request, 
     dataType: "json", 
     method: "post", 
     success: response 
    } 
    } 
});