Javascript jQuery UI自动完成加载微调器在找到结果时不停止/消失

Javascript jQuery UI自动完成加载微调器在找到结果时不停止/消失,javascript,jquery,asp.net-mvc,jquery-ui,autocomplete,Javascript,Jquery,Asp.net Mvc,Jquery Ui,Autocomplete,我通过添加.UI自动完成加载类在项目中使用JQuery UI自动完成加载微调器。当我开始在编辑器框中键入时,微调器将按预期显示。如果没有匹配结果,则加载微调器将消失,这表示搜索已完成。但如果找到匹配项,微调器仍会显示,即使在进行选择之后也是如此。见下图 我的目标是得到这个结果:当搜索完成或找到结果时,微调器应该被删除/停止 下面是我的示例代码: 视图: 控制器: [HttpPost] public JsonResult Index(string Prefix)

我通过添加.UI自动完成加载类在项目中使用JQuery UI自动完成加载微调器。当我开始在编辑器框中键入时,微调器将按预期显示。如果没有匹配结果,则加载微调器将消失,这表示搜索已完成。但如果找到匹配项,微调器仍会显示,即使在进行选择之后也是如此。见下图

我的目标是得到这个结果:当搜索完成或找到结果时,微调器应该被删除/停止

下面是我的示例代码:

视图:

控制器:

[HttpPost]
        public JsonResult Index(string Prefix)
        {
            //Note : you can bind same list from database
            List<City> ObjList = new List<City>()
            {

                new City {Id=1,Name="Latur" },
                new City {Id=2,Name="Mumbai" },
                new City {Id=3,Name="Pune" },
                new City {Id=4,Name="Delhi" },
                new City {Id=5,Name="Dehradun" },
                new City {Id=6,Name="Noida" },
                new City {Id=7,Name="New Delhi" }

        };
            //Searching records from list using LINQ query
            var CityName = (from N in ObjList
                            where N.Name.StartsWith(Prefix)
                          select new { N.Name });
            return Json(CityName, JsonRequestBehavior.AllowGet);
        }
    }

如何解决此问题?提前感谢。

在Ajax成功方法中,您只需使用函数从文本框中删除类即可


在Ajax成功方法中,您可以使用函数简单地从文本框中删除类


感谢Curiousdev的输入,经过进一步调试,我找到了一个解决方案


在success和complete中,方法将解决此问题。

感谢Curiousdev的输入,在进一步调试后,我找到了解决方案


在success和complete中,方法都可以解决这个问题。

Hi,我添加了$Name.removeClassui-autocomplete-load;在响应函数之前的成功中。行为发生了逆转。当找到匹配项时,微调器将消失。但当没有找到匹配项时,微调器总是显示出来;在响应函数之前的成功中。行为发生了逆转。当找到匹配项时,微调器将消失。但当没有找到匹配项时,微调器总是显示。
public class City
{
    public int Id { get; set; }
    public string Name { get; set; }

}
[HttpPost]
        public JsonResult Index(string Prefix)
        {
            //Note : you can bind same list from database
            List<City> ObjList = new List<City>()
            {

                new City {Id=1,Name="Latur" },
                new City {Id=2,Name="Mumbai" },
                new City {Id=3,Name="Pune" },
                new City {Id=4,Name="Delhi" },
                new City {Id=5,Name="Dehradun" },
                new City {Id=6,Name="Noida" },
                new City {Id=7,Name="New Delhi" }

        };
            //Searching records from list using LINQ query
            var CityName = (from N in ObjList
                            where N.Name.StartsWith(Prefix)
                          select new { N.Name });
            return Json(CityName, JsonRequestBehavior.AllowGet);
        }
    }
$("#textboxid").removeClass("ui-autocomplete-loading");
$("#Name").removeClass("ui-autocomplete-loading");