I'm using twitter's typeahead.js 0.9.3 and it seems my suggestions are not styled at all.
I'm getting this:
Instead of something like this: (taken from examples page)
JavaScript enabling typeahead:
$('.search-typeahead').typeahead({
name: 'videos',
remote: {
url: '/api/v1/internal/videos/typeahead?text=%QUERY'
}
});
HTML input element:
<input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/>
Additional Notes:
The site I'm working on has jQuery 1.10.1 and does not use twitter bootstrap. There is a bunch of CSS that I didn't write and thus am not familiar with which I fear is interfering, however it seems the plugin adds its own styles (there is no accompanying .css file) so shouldn't it theoretically override things? I'm confused why my styles work, but those added by the plugin do not, resulting in an suggestions with transparent backgrounds, no borders, etc.
Best Answer
So looking into the docs I now see:
My solution was thus to copy the styling from the example I wished to replicate: