自動完成使用JSON

Question

在我看來，我有

@Html.TextBoxFor(per => per.Hospital, new { 
    style = "width:220px", @maxlength = "50", 
    data_autocomplete = Url.Action("HospitalList", "Person") }) 

我jQuery是

$(document).ready(function() {   
    $('input[data-autocomplete]').each(function() { 
     var url = $(this).data('autocomplete'); 
     $(this).autocomplete({ 
      source: function (request, response) { 
       $.getJSON(url, { 
        term: request.term 
       }, response); 
      } 
     }); 
    }); 
}); 

我創建了一個新的行動結果

public ActionResult HospitalList(string term) 
{ 
    List<string> result = new List<string>(); 
    result.Add("Hospital 1"); 
    result.Add("NYUMC"); 
    result.Add("Christ"); 
    result.Add("Bellevue"); 
    result.Add("NewYork-Presbyterian"); 
    result.Add("North Central Bronx Hospital"); 

    result = result.Where(r => r.Contains(term)).ToList();   

    return Json(result , JsonRequestBehavior.AllowGet); 
} 

我包括了jQuery庫

<script src='<%: Url.Content("~/Scripts/jQueryUI/jquery-1.4.2.min.js") %>' type="text/javascript"></script> 
<script src='<%: Url.Content("~/Scripts/jQueryUI/jquery-ui-1.8.2.custom.min.js") %>' type="text/javascript"></script> 

現在我在哪裏出錯了。我只看到一個文本框，沒有自動完成的行爲。

Answer 1

即使直到版本1.8.6的UI（請參閱here），jQuery UI團隊也沒有添加對jQuery 1.4.3的支持。因此，儘管您可能還有其他問題，但您也可能會遇到圖書館不兼容的問題。

升級您的兩個庫的版本並查看首先需要的位置。

http://jquery.com/download/ http://jqueryui.com/download/ 或者 https://developers.google.com/speed/libraries/devguide#jquery

我希望這有助於。