asp.net-mvc - jquery-ui 自动完成功能与 ASP MVC 建议不显示

Question

我一直在尝试让 jquery-ui 自动完成功能发挥作用的简单示例。我有一个 Controller 设置来处理查询，它返回看起来有序的 json，但我没有收到任何建议。

这是我包含的 js 库:

<script type="text/javascript" language="javascript" src="/Scripts/jquery-1.4.1.js"></script>

<script type="text/javascript" language="javascript" src="/Scripts/jquery-ui-1.8.1.custom.min.js"></script>

 <link href="/Content/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />

这是 javascript 和表单标签:

<script type="text/javascript">
    $(function () {

        $("#organization").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '/Organization/OrganizationLookup',
                    dataType: "json",
                    data: {
                        limit: 12,
                        q: request.term
                    }
                })
            },
            minLength: 2
        });
    });
</script> 

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

我从 Controller 返回了一个看起来合理的 json 响应:

[
  {
    "id":"Sector A",
    "value":"Sector A"
  },
  {
    "id":"Sector B",
    "value":"Sector B"
  },
  {
    "id":"Sector C",
    "value":"Sector C"
  }
]

id 和 value 似乎是自动完成功能正在寻找的默认命名。

但我一点也不高兴。有什么想法吗？

Answer 1

这不是问题——你应该把 css 放在 javascript 之前。永远。

您没有对返回值执行任何操作。您需要使用回调函数来获取该数据并对其执行某些操作。 (我相信“成功:”参数)。