jQuery Tagit！不工作

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

我使用这里找到脚本：https://github.com/aehlke/tag-it/blob/master/README.markdown

这里是初始化标签，它库在标题中的javascript：

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

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

<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选择器中出现错误。

来源

2013-01-22 Ty Bailey

对我运行良好：http://jsfiddle.net/RgKuc/ – epascarello

它的确如此，你是对的。但我仍然在我的页面上遇到这个问题......我的缓存可能与它有关吗？ –

没有看到页面，很难说。你的选择器在运行吗？ $（function（）{console.log（$（'＃skills'））; $（'＃skills'）。tagit（{...' – epascarello

我想这个问题是与逗号

你已经把

singleField: true,

，但它必须是

singleField: true

如果你有两个选择像

tagSource: availableTags, 
singleField: true

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

来源

2013-01-30 13:31:55

拖尾逗号是非常好的JavaScript，请参阅http://stackoverflow.com/questions/7246618/trailing-commas-in- JavaScript的 – Philippe

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

来源

2015-11-15 07:10:15

jQuery Tagit！不工作

回答

相关问题