2015-04-22 5 views
0

Я новичок в HTML и jQuery. В последнее время я пытаюсь использовать функцию автозаполнения jQuery, например here. Я использовал данный исходный код, за исключением файла style.css. До сих порjQuery textbox autocomplete не отображается

  1. Невозможно автозаполнение, когда я использую Sublime Text 2 и просматриваю его в Chrome.
  2. При использовании кода в фрагменте кода, предоставляемом stackoverflow, он отлично работает.

Почему?

спасибо.

<!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> 
 
    <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>

+0

проверить консоль для ошибки –

+0

препендом 'HTTP: //' в script 'src', например' http: // code.jquery.com/jquery-1.10.2.js' & in style 'src' too –

ответ

0

1) проверьте консоль ошибки

2), если она бросает JQuery не найдена ошибка исправления пути

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script src="http//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
0

Вам необходимо запустить файл на сервере LOCALHOST. Если вы просто открываете html-файл в chrome, он не сможет подключиться к внешним файлам CSS и JS и не будет выполнять другой javascript в файле.

скопировать вставили код и поместить его на моем сервере WAMP и это, кажется, работает хорошо для меня.

+0

Это должен быть комментарий. – Blank

+0

Почему? Он спрашивает, почему это не работает, и я ответил тем, что, по моему мнению, является причиной того, что он не работает. Разве это не ответ на вопрос? – Fester

+0

вы просите разъяснения, разъяснение должно быть комментарием. – Blank

Смежные вопросы