Twitter引导令牌字段

时间:2014-03-07 19:08:18

标签: twitter-bootstrap bootstrap-tokenfield

我无法获取创建令牌或设置令牌的功能。我使用以下:

$('#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>

1 个答案:

答案 0 :(得分:2)

仔细阅读文档后,它不会作为先决条件而尖叫!但是,根据下面的代码,您可以在调用.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/