2017-02-18 23 views
0

Я пытаюсь иметь простое текстовое поле, которое будет использовать API jQuery от DevBridge. Я просмотрел this tutorial для создания моего кода.Autocomplete API - jQuery Undefined

Однако, я получаю следующие проблемы, хотя я объявил сценарии перед кодом JS, а также отображается правильно: enter image description here

Вот мой код:

<script type="text/javascript" src="resources/js/jquery.autocomplete.js"></script> 
<script type="text/javascript" src="resources/js/jquery.autocomplete.min.js"></script> 
<link rel="stylesheet" href="resources/css/main.css" type="text/css"> 
<link rel="stylesheet" href="resources/css/styles.css" type="text/css"> 


<style> 
h1 {text-align:center; margin:20px 20px;} 
#autocomplete{margin:0 auto;}) 
</style> 
<title>Job Search</title> 
</head> 

<body> 
<form method ="GET" action="Jobs"> 
    <fieldset> 

     <legend>Page:</legend> 
     <input type="text" name="page" placeholder="enter a number" oninput="this.value=this.value.replace(/[^0-9]/g,'');" id="myId"/> 

     <legend>Descending?</legend> 
     <input type="text" id="autocomplete" /> 
     <script type="text/javascript"> 
     var arr= ["test", "apple", "orange"]; 

     $('#autocomplete').autocomplete({ 
      lookup: arr 
     }); 
</script> 

ответ

1

сообщение об ошибке в консоли показывает вам не хватает библиотеки jQuery, которую повторно использует библиотека автозаполнения jQuery.

Вам нужно включить JQuery автозаполнения над библиотеками, как так:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script type="text/javascript" src="resources/js/jquery.autocomplete.js"></script> 
<script type="text/javascript" src="resources/js/jquery.autocomplete.min.js"></script> 
<link rel="stylesheet" href="resources/css/main.css" type="text/css"> 
<link rel="stylesheet" href="resources/css/styles.css" type="text/css"> 
+0

Спасибо !!! Я отвечу на ваш ответ, когда установлен лимит времени: – JonathanScialpi

+2

и для автозаполнения jquery-плагина вам просто нужно 'jquery.autocomplete.min.js' (это то же самое, что и' jquery.autocomplete.js', но уменьшено), чтобы вы не нужно включать оба – scraaappy

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

  • Нет связанных вопросов^_^