JqueryUI Autocomplete在JSFiddle中运行完美，但在网站上却不行

Question

您好我已经工作了几个小时，但仍然无法理解。

代码在JSFiddle上运行得很好，但在我的网站上却不行。

这是JSFiddle链接：http://jsfiddle.net/x69chen/sbAR6/16/

我还添加了Jquery和JqueryUI的链接。

<script src="/media/js/jquery-1.10.1.js" type="text/javascript"></script>
<script src="/media/js/jquery-ui.js" type="text/javascript"></script>
<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/media/css/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="/media//css/bootstrap-responsive.css" rel="stylesheet" />

这些链接是从JQuery网站下载并在我的网站上传的，我可以在Chrome的Inspect Element中打开它们，它们与原始链接一样。

但是自动完成功能根本不起作用，当我输入时没有任何内容出现，并且Firebug也没有在网站上返回任何错误。

并且我尝试在javascript代码之前添加$( document ).ready(function() { .. });，但它仍然无法正常工作

有人可以帮助我吗？谢谢

Answer 1

将您的代码包裹在DOM Ready

中

jsFiddle将它加载到window.load default

$( document ).ready(function() {
   // your code
});

<小时/>

Answer 2

尝试在上一个链接中删除媒体和css之间的2个/符号之一

<link href="/media/css/bootstrap-responsive.css" rel="stylesheet" />