Uncaught TypeError: $ (...). Autocomplete не является функцией

Я пытаюсь реализовать текстовое поле автозаполнения JQuery. Я не мог заставить свой пользовательский работать, поэтому вместо этого я пытаюсь реализовать текстовое поле для акций, чтобы исправить эту ошибку. Я не уверен, откуда это происходит, учитывая, что я включил все файлы, которые предложила страница (https://jqueryui.com/autocomplete/#default). За исключением файла demo css, но это не имеет значения, так как css не должен интегрироваться с функциональностью текстового поля.

Вот код:

<head> 
    <title></title> 
    <link href="~/Content/ClientDash.css" rel="stylesheet" /> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.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> 

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

Планировка:

<head> 
<script src="~/Scripts/jquery-2.1.4.min.js"></script> 
    <script src="~/Scripts/jquery-ui-1.11.4.min.js"></script> 
</head>

источник

2015-08-20 Andrew Kilburn

Вам нужно включить jquery library перед jquery ui

проверить эту fiddle

источник

2015-08-20 11:13:28

Есть, что в моем макете тоже, по-прежнему не проблема. Я обновлю свой вопрос с файлом макета –

, убедитесь, что вы добавили 'jquery library' в файл макета внутри заголовка заголовка. –

У меня есть это, проверьте ответ –

Изменение в начале вашего кода с один ниже. Вам не хватает некоторых файлов.

<title></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() {

<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-08-20 11:13:38

Нет, прости, я должен был объяснить. Я использую файл макета, который уже имеет более современный JS-файл. И мне также не нужен файл style.css. –

Uncaught TypeError: $ (...). Autocomplete не является функцией

ответ

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