jQuery Tagit! Not working

jQuery Tagit! Not working

本文关键字:working Not Tagit jQuery      更新时间:2023-09-26

我正在使用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% 正确的,在 tag-it 初始化之前,我在 jquery 选择器中出现了错误。

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

我想问题出在逗号

你已经把

singleField: true,

但它必须是

singleField: true

如果您有两个选择,例如

tagSource: availableTags,
singleField: true

那么只有第一个选项会有逗号 第二个或最后一个选项(如果有超过 2 个选项)将没有逗号