jQuery Автоматическое заполнение UI - меню исчезает на парении

Я пытаюсь использовать jQuery Автоматическое заполнение UI, чтобы поднять список имен людей в Базе данных MySQL. Основная функция работает - когда вы печатаете в двух или больше письмах, список возможных имен показан - но когда я нависаю мышь над списком или нажимаю вниз ключ, чтобы получить доступ к списку, это исчезает (2 снимка экрана ниже могут помочь объяснить это).

То, что это означает, - то, что Автоматическое заполнение становится бессмысленным, поскольку я не могу на самом деле получить доступ к списку! Если бы кто-либо может помочь, я был бы самым благодарным! Снимки экрана и код опубликованы ниже.

Печатают в первых нескольких знаках, и меню появляется

Screenshot 1

, Но парение мышь или нажимает 'вниз' ключ, и это исчезает, прежде чем выбор может быть сделан

Screenshot 2

HTML:

  <div id="chooseaccount">
  Choose Account to Edit
  <div id="iechooseaccountlabel" class="labeldiv">
    <!--[if IE]>
     Enter Student Name
    

  </div>

jQuery:

$(document).ready(function(){

$("#editname").autocomplete({
 source: "names.php",
 minLength: 2,
});

});

PHP:

<?php  

$mysqli = new mysqli('********', '********', '**********', '*********');
$text = $mysqli->real_escape_string($_GET['term']);

$query = "SELECT name FROM users WHERE name LIKE '%$text%' ORDER BY name ASC";
$result = $mysqli->query($query);
$json = '[';
$first = true;
while($row = $result->fetch_assoc())
{
if (!$first) { $json .=  ','; } else { $first = false; }
$json .= '{"value":"'.$row['name'].'"}';
}
$json .= ']';
echo $json;

?>  
60
Haven' t коснулись .js файла и попробовали включая новую копию, но все еще наличие той же самой проблемы. Единственной вещью, которую я отредактировал, является .css файл, но haven' t коснулся чего-либо, чтобы сделать с: парение
добавлено автор Chris, источник
@Chris, вам удавалось зафиксировать его? У меня есть та же самая проблема здесь.
добавлено автор Victor Rodrigues, источник
Я - haveing, который та же самая проблема с jQuery ui 1.10.0... новый устанавливает, кодирует взятый от примера, это могло быть в 1.10 автоматических заполнениях, сломан?
добавлено автор loostro, источник
Хорошо это должно работать как показано в источнике - jqueryui.com/autocomplete . Вы отредактировали .js файл? Или попытайтесь использовать или включать новую копию его.
добавлено автор Javier Brooklyn, источник

5 ответы

The error is caused because of a conflict that occurs when two jQuery UI files are loaded into the client's browser at the same time. If you peak into your <head> section you will probably see you have two different jQuery UI files referenced there. Just remove one and it will work.

196
добавлено
Даже в 2018/07/19 это решение
добавлено автор Kiran Shahi, источник
Спасибо за разделение, @bicycle, здесь это было то же самое.
добавлено автор Victor Rodrigues, источник
I' m не парень, который сделал вопрос принять его, но you' ve получил upvote;)
добавлено автор Victor Rodrigues, источник
Интересно, почему это решение не отмечено как ответ...
добавлено автор Shilpa Soni, источник
замечательный, это работает как очарование!
добавлено автор frabiacca, источник
Привет, для всех остальных имеющих проблему, определяющую местонахождение двойного файла, проблема также вызывается библиотекой, ссылаемой дважды. Если вы уже имеете jquery-ui-1.10.x.js, пропускаете отдельные библиотеки. Поскольку jquery-ui.js уже содержит все библиотеки (включая ваш jquery.ui.autocomplete.js) stackoverflow.com/a/16344110/1027250
добавлено автор Yorro, источник
Отметьте этот ответ как правильный @chirs
добавлено автор bharatpatel, источник
вы выигрываете Интернет.
добавлено автор tester, источник
Проверьте новый jQuery combobox автоматическое заполнение http://jqueryui.com/autocomplete/#combobox
добавлено автор KarlosFontana, источник
Я могу сказать вам, что у меня была подобная проблема в целом (результаты особенности "автоматического заполнения" исчезли, когда я толпился с мышью), таким образом, I' ve узнал, что у меня были и jQuery UI в файле связки И JQUI с особенностью автоматического заполнения. Таким образом, я загрузил файл связки особенностью автоматического заполнения и удалил другой файл из того, чтобы включать. Спасибо за этот ответ, который заставил меня в правильное направление решать рассматриваемый вопрос.
добавлено автор TheCuBeMan, источник
@VictorRodrigues Aaah пропустил тот. Никакие заботы:)
добавлено автор bicycle, источник
@VictorRodrigues нажимают, принимают ответ. Это даст мне некоторые легкие пункты:)
добавлено автор bicycle, источник
то же самое решение работало на меня также.. У меня был datepicker.js файл, который был подмножеством jquery.ui, и я включал jQuery также.. Я исключил datepicker.js, и он хорошо работал..
добавлено автор Silent_Rebel, источник
большое спасибо..... правильный ответ....
добавлено автор ReNiSh A R, источник
Спасибо за помощь!!:)
добавлено автор Mahder, источник

У меня была та же самая проблема, но у меня только когда-либо был один тег script jquery-ui в DOM за один раз. Я загружал содержание Аяксом, который включал тег script. Если бы я сделал это дважды на одной странице, она сломала бы автоматическое заполнение dropdown, даже при том, что содержание второго запроса заменяло содержание первого. Одна работа должна добавить эту линию прежде, чем отдать содержание, содержащее сценарий jquery-ui:

$ .ui = пустой указатель;

4
добавлено
It' s лучше, чтобы просто удалить один из сценариев jquery-ui. Это acually does' nt имеют любой смысл вообще загружать его дважды
добавлено автор brothers28, источник
@brothers28 я соглашаюсь. В этом случае один тег script по существу заменял другого, таким образом, был только один тег script в DOM, но это загружало во второй раз. Я должен был использовать эту работу потому что я didn' t управляют содержанием, что я был привлекателен.
добавлено автор regularmike, источник

Эта ошибка вызывается, когда два jQuery файлы UI загружаются в ваш браузер в то же время. Это может вызвать конфликт jQuery. Удалите неиспользованный jQuery файл UI, чтобы решить ошибку.

В моем случае файл jquery-ui.min.js был неумышленно включен от папки активов. Чтобы удалить его, я добавил один код в компонентах в config/main.php

     'clientScript' => array(
        'scriptMap' => array(
            'jquery-ui.min.js' => false,
        )),
4
добавлено

I had same problem and I did not use the jQuery UI twice, my jQuery UI was part of jQuery DataTable.
My problem was solved with following code
Note: with this code we need to write code to close the UL when we do not click on UL

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$(".gettingContactList").autocomplete({
     source:this.contactList,
     /*following focus function was written because when mouse
     was being hovered over the menu, the menu was disappearing*/
    focus:function(e,ui) { 
      $(e.toElement).parents().show()
    }
})
</div> </div>

1
добавлено

Файл jQuery, который загружается в вашем заголовке, содержит весь элемент UI, и у того, который автоматически добавляется в вашем файле, есть детский элемент, который не делает должен был загрузить, таким образом, необходимо удалить его.

1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing