Тег jquery — он не заполняется автоматически

#javascript #jquery #jquery-ui #autocomplete #tag-it

#javascript #jquery #jquery-пользовательский интерфейс #автозаполнение #tag-it

Вопрос:

Я хочу поставить систему тегов. Я выбираю http://aehlke.github.io/tag-it /.

У меня есть код:

  var availableTags = [
   {
        value: 1, label: 'tag1'
    },
    {
        value: 2, label: 'tag2'
    },
    {
        value: 3, label: 'tag3'
    }];

$(document).ready(function() {
    var version = $.ui ? $.ui.version || "pre 1.6" : 'jQuery-UI not detected';
    alert(version);
    $("#myTags").tagit({
        tagSource: availableTags,
        autocomplete: {
           delay: 0,
           minLength: 2,
           source : availableTags
        }
    });
});
  

В jsfiddle это работает (http://jsfiddle.net/jg9qw /) но на моем сайте этого не происходит. Для переменной версии задается значение «1.8.12».

У меня нет ошибки в журнале консоли моего веб-сайта.

Я могу поместить / удалить тег, но автозаполнение не работает.

Css (из заголовка)

 <link href="/css/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
        <link href="/css/jquery.tagit.css" rel="stylesheet" type="text/css" media="all" />
        <link href="/css/tagit.ui-zendesk.css" rel="stylesheet" type="text/css" media="all" />
        <link href="/css/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
  

Js (из заголовка)

 <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="/js/tag-it.js"></script>
  

Комментарии:

1. Точно ли так выглядит ваш код на вашем сайте?

2. Нет, у меня есть console.log() вместо предупреждения. И a ; в конце строки.

3. Вы включили библиотеку jQuery на свой веб-сайт?

4. Да, $().jquery дает 1.7.2

Ответ №1:

Это не так много информации, которую вы предоставили, но одна вещь, о которой я могу думать с таким количеством информации, это то, что, вероятно, порядок сценариев обратный. Если бы вы могли показать нам код из заголовка вашего сайта, это помогло бы решить вашу проблему. (только скрипты, на которые вы ссылаетесь)

Да, вероятно, это так. Проверьте их веб-сайт на наличие правильного порядка: https://github.com/aehlke/tag-it/blob/master/README.markdown

И я не думаю, что все необходимо. И в вашем пользовательском интерфейсе jquery убедитесь, что в нем содержатся следующие элементы: ядро, виджет, позиция и автозаполнение

Попробуйте использовать только полный пользовательский интерфейс jquery (просто свяжите исходный, чтобы вам не нужно было загружать) и тег-это, ничего больше. В случае, если это не работает таким образом, источником проблемы является что-то другое.

Комментарии:

1. Я добавил заголовок css / js в порядке, в котором их загружает сайт.

2. Если я использую <script src=» ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js » type=»text/javascript» charset=»utf-8″></script> <script src=» ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js » type=»text/javascript» charset=»utf-8″></script> <script src=» aehlke.github.io/tag-it/js/tag-it.js » type=»text/javascript» charset=»utf-8″></script> in that order … это работает!