Почему автозаполнение jQuery не появляется? - PullRequest
Новая
       27

Почему автозаполнение jQuery не появляется?

1 голос
/ 03 февраля 2011

Вот сокращенный исходный код: 

<html>
    <head>
        <script type="text/javascript" src="/admin/jsi18n/"></script>
        <link href="/media/css/ui-lightness/jquery-ui-1.8.9.custom.css" type="text/css" media="screen" rel="stylesheet" />
        <script type="text/javascript" src="/media/admin/js/core.js"></script>
        <script type="text/javascript" src="/media/admin/js/admin/RelatedObjectLookups.js"></script>
        <script type="text/javascript" src="/media/admin/js/jquery.min.js"></script>
        <script type="text/javascript" src="/media/admin/js/jquery.init.js"></script>
        <script type="text/javascript" src="/media/admin/js/actions.min.js"></script>
        <script type="text/javascript" src="/media/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="/media/js/jquery.autocomplete.pack.js"></script>
    </head>
    <body> 
        <div>
            <label for="id_postal_code" class="required">Postal code:</label>
            <input type="text" name="postal_code" id="id_postal_code" />
            <script>$('#id_postal_code').autocomplete({source:['one','two','three']});</script>
        </div>
    </body>
</html>

Я пытаюсь набрать 'o' в текстовом поле, но ничего не появляется.

Он добавляет этот атрибут autocomplete='off' и class='ac_input' на вход, так что ... кажется, что он инициализируется правильно, я просто не знаю, почему ничего не появляется.

Если я посмотрю на исходный код в Firefox, то ac_inputмигает каждый раз, когда я нажимаю клавишу, так что, кажется, он устанавливает класс каждый раз, когда я что-то печатаю, но автозаполнение никогда не переключается на «вкл» (что, я думаю, должно быть в какой-то момент?).

Ответы [ 4 ]

2 голосов
/ 03 февраля 2011

Вы инициализируете jQuery дважды - admin / jquery.min.js и js / jquery-1.4.4.js

Попробуйте исправить это.

2 голосов
/ 03 февраля 2011

Оберните ваш звонок внутрь 

$(function() { 
  // your code here... 
});

Похоже, ваша DOM еще не готова.

1 голос
/ 03 февраля 2011

Попробуйте заменить {source:['one','two','three']} на ['one','two','three'].

0 голосов
/ 23 февраля 2017

Если ни одно из указанных выше решений или здесь не решит эту проблему, обязательно проверьте разметку страницы для элемента ul.ui-autocomplete и отметьте z-index. В моем случае плагин работал нормально, элемент был расположен правильно, но z-index нужно было увеличить.

...