Question

我想放一个标签系统。我选择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/），但在我的网站上它没有。版本var使用＆＃34; 1.8.12＆＃34;。

设置

我的网站控制台日志中没有错误。

我可以输入/删除标签，但自动完成功能无效。

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>

Answer 1

这不是你提供的信息，但我能想到的有关这些信息的一件事可能是脚本的顺序是相反的。如果您可以向我们展示您网站标题中的代码，则有助于解决您的问题。（只是您链接的脚本）

是的，可能就是这种情况。检查他们的网站是否有正确的订单：https://github.com/aehlke/tag-it/blob/master/README.markdown

我并不认为一切都是必要的。在你的jquery ui中确保包含以下内容：核心，小部件，位置和自动完成

尝试使用完整的jquery ui（只需链接原始的，所以你不必下载）和标签 - 它，没有别的。如果它不起作用，那么问题的根源就是其他问题。

jquery Tag-It没有自动完成功能

1 个答案: