Twitter 引导令牌字段答案

【问题标题】：Twitter bootstrap tokenfieldTwitter 引导令牌字段
【发布时间】：2014-03-08 03:42:09
【问题描述】：

我无法获得创建令牌或设置令牌以发挥作用。我正在使用以下内容：

$('#myField').tokenfield('createToken', { value: 'violet', label: 'Violet' });
$('#myField').tokenfield('setTokens', ['blue','red','white']);

但它不起作用。有没有新的方法或者有什么问题？

HTML：

<div style="width: 400px; margin-left: 20px;">
    <input id="myField" type="text" width="200" />
</div>

【问题讨论】：

能否将您的 HTML 也包含在问题中？其次，在浏览器上按 F12 以检查任何 JavaScript 控制台错误并说明这些错误。您的问题中没有任何内容像语法错误一样尖叫，因此可能是脚本包含/冲突错误。

标签： twitter-bootstrap bootstrap-tokenfield

【解决方案1】：

查看文档后，它并不是一个先决条件！但是您必须在调用 .tokenfield() 函数之前对其进行初始化，如下面的代码所示：

$('#myField').tokenfield('createToken', { value: 'violet', label: 'Violet' });
$('#myField').tokenfield('setTokens', 'blue,red,white');

演示小提琴：http://jsfiddle.net/fLjVt/

添加$('#myField').tokenfield();上面您从文档本身添加的两个函数：

/**
 *  Initializes an input with a tokenfield.
**/
$('#myField').tokenfield();

/**
 *  Populate the tokenfield()
**/
$('#myField').tokenfield('createToken', { value: 'violet', label: 'Violet' });
$('#myField').tokenfield('setTokens', 'blue,red,white');

演示小提琴：http://jsfiddle.net/myQf7/

【讨论】：