Twitter bootstrap tokenfield

Question

I cannot get the create token or set token to function. Im using following:

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

But its not working. Is there a new way to do it or what can be wrong?

Html:

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

Could you include your HTML into the question as well please? Secondly, press F12 on your browser to check for any JavaScript Console errors and state those too. There's nothing in your question that screams like an syntax error, thus probably a script include/conflict error. — MackieeE, Mar 07 '14 at 19:11

MackieeE · Accepted Answer · 2014-03-07T19:42:09.783

Having looked through the documentation, it doesn't scream as a pre-requisite! But you'll have have initialise it before calling .tokenfield() functions, as per your code below:

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

Demo Fiddle: http://jsfiddle.net/fLjVt/

Add $('#myField').tokenfield(); above the two functions you've added from the docs itself:

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

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

Twitter bootstrap tokenfield

1 Answers1

Demo Fiddle: http://jsfiddle.net/fLjVt/

Demo Fiddle: http://jsfiddle.net/myQf7/