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

时间:2014-02-21 15:20:00

标签: javascript jquery jquery-ui autocomplete jquery-autocomplete

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

代码在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() { .. });,但它仍然无法正常工作

有人可以帮助我吗?谢谢

2 个答案:

答案 0 :(得分:1)

将您的代码包裹在DOM Ready

jsFiddle将它加载到window.load default

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

<小时/> enter image description here

答案 1 :(得分:1)

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

<link href="/media/css/bootstrap-responsive.css" rel="stylesheet" />
相关问题