Question

我正在考虑为Asp.net视图中的一个输入字段设置自动完成功能，所以我尝试了Jquery UI中的示例并将代码粘贴到其中一个.cshtml视图中：

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks"];
$("#seed_one").autocomplete({source:data});
});
</script>
</head>

<body>
<input id="seed_one" type="text" name="seed_one" />
</body>
</html>

但是，当我运行应用程序并开始在输入字段中输入内容时，不会显示任何建议。代码有什么问题？

Answer 1

我建议你下载jQuery和jQuery UI，而不是使用它的CDN。使用最新的jQuery版本的问题是你永远不知道它是什么版本，或者它是否与当前的jQuery UI版本兼容。

通过使用jQuery的最新版本URL，其版本将不时更改，有时会导致重大更改，或者与外部库（例如jQuery UI）产生不兼容。

此外，这是自动完成的工作小提琴： https://jsfiddle.net/zymh9xk9/

$(document).ready(function(){
  var data = ["Boston Celtics", "Chicago Bulls", "Miami Heat", "Orlando Magic", "Atlanta Hawks"];
  $("#seed_one").autocomplete({source:data});
});

在这里下载最新的jQuery生产（稳定版）： https://jquery.com/download/

以及jQuery UI： https://jqueryui.com/download/

JQuery UI自动完成功能无法在MVC View中运行

1 个答案: