CODEWITHSUNDEEP
javascriptcsstwitter-bootstrapbootstrap-typeahead
lowcoupling
lowcoupling

Reputation: 2169

Twitter Typeahead not working with Bootstrap CSS

I can't manage to make this bootply work. It consists of a bootstrap modal with a form containing two input fields in which I'd like to use typeahead. the second input field is also based on bootstrap-tagsinput which means the typeahead should aid in finding tags.

http://www.bootply.com/QdjImYdrJY

Upvotes: 0

Views: 130

Answers (1)

Thomas BERTET
Thomas BERTET

Reputation: 76

I forked your bootply and made it to work : http://www.bootply.com/5tVniXhbBg

You had two issues :

  • First one, your scripts load asynchronously, so you have to wait for them to be loaded to use their functions (i.e tagsinput and typeahead)

    $.getScript( 'myscript' , function () { // Callback function, // Here you can use what the script you loaded provides. } );

  • Second one, you don't have to put the data-role="tagsinput" manually, it will be added by the plugin. If you specify it, the plugin won't process it as it thinks it already processed it!

Hope this helps,

Upvotes: 2

Related Questions