jQuery Tagit! Not working
jQuery Tagit! Not working
我正在使用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 个选项)将没有逗号
相关文章:
- $rootScope not working
- jQuery document.ready not working
- Javascript getElementsByTagName not working?
- JQuery.val( ) not working
- Tomcat websocket is not working
- Javascript JSON.parse not working
- NodeJS Multer is not working
- Regex not working
- Ember run.debounce not working
- AngularJs 1 not working
- document.getElementById.style.backgroundImage not working
- Rxjs5, distinct() is not working
- createOscillator noteOn not working
- Javascript - .getHours() not working
- Javascript setTimeout not working | onkeydown
- MongoDB $pull not working
- Express router.use not working
- JSONP not working
- window.opener not working in chrome & IE
- Backbone + RequireJS: Collection.each() is not working