Question

我正在使用jQuery tagit！库创建用户“技能”输入表单。我认为这将是一个非常快速和简单的设置，就像大多数jQuery库一样，但是我遇到了很大的麻烦。我尝试按照以下示例中的源代码进行操作，但即使使用直接源代码，也无法使其工作。

我正在使用此处找到的脚本：https://github.com/aehlke/tag-it/blob/master/README.markdown

以下是在标题中初始化tag-it库的javascript：

$(function() {
    $('#skills').tagit({     
        singleField: true,
    });
});

以下是调用tag-it.js库时应该变成输入字段的<ul>元素：

<ul id="skills"></ul>

我包含所有这些文件以使其工作：

<link rel="stylesheet" href="styles/tag-it.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/tag-it.js"></script>

正确调用所有文件，我没有收到任何错误。 <ul>标签没有输入形式，除非我手动创建一个

有没有人知道为什么这不起作用？我是否需要手动添加输入字段并为其分配特定的ID或类？

编辑：这已经解决了。发布的代码全部100％正确，我在标记初始化之前在jquery选择器中出错。

Answer 1

这对我来说是一个问题，我的模板有一个链接到本地jquery的脚本。因此，当我从tagit复制jqueryui和jquery链接时，它会重叠。摆脱当地的jquery为我做了。

Answer 2

我猜问题是用逗号

你已经把

singleField: true,

但必须是

singleField: true

如果你有两个选项，比如

tagSource: availableTags,
singleField: true

然后只有第一个选项会有逗号第二个或最后一个选项（如果有超过2个选项）将没有逗号

jQuery Tagit！不工作

2 个答案: