自动填充在在线示例中工作，但不在小提琴上

自动填充在example中工作，但不在my try中。请指导我错过了什么。谢谢。自动填充在在线示例中工作，但不在小提琴上

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Autocomplete - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
    }); 
    </script> 
</head> 
<body> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 


</body> 
</html>

来源

2015-10-19 Fahad Uddin

您可能正在尝试编辑的自动完成之前，DOM是准备好了，试试包裹在文档准备好块的一部分。 – Wobbles

您的脚本引用有问题。检查这一个：http://jsfiddle.net/9krumyd7/1/ – DinoMyte

https://jsfiddle.net/34daof5f/ – Wobbles

你只需要jQuery和jQuery用户界面（下框架&扩展从侧边栏的jsfiddle）添加到您的jsfiddle。

编辑：

你在（inspuratesystems.com/tuitionteacher）代码不工作，因为没有加载jQuery库。见检查元素（CTRL +狗屎+ I）控制台

来源

2015-10-19 20:55:53 Houmam

我不明白为什么它不起作用：inspuratesystems.com/tuitionteacher –

我编辑了我的答案，jQuery库没有加载。 – Houmam

问题是外部文件（jQuery和jQuery UI）的调用。试试这个now

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div>

来源

2015-10-19 20:49:02

他的包含网址看起来适合我。 – Wobbles

自动填充在在线示例中工作，但不在小提琴上

回答

相关问题