我正在测试Twitters typehead.js(使用Bloodhound)作为jQuery自动完成的替代方法。
自定义模板
自定义模板可让您完全控制建议的获取方式 渲染使您可以轻松自定义您的外观 预输入。
所以我用这个:
$('#autocomplete-pm').typeahead(null, {
name: 'Resources',
display: 'value',
source: resourcesData,
templates: {
empty: [
'<div class="empty-message">',
'Ingen resurser funnet',
'</div>'
].join('\n'),
suggestion: Handlebars.compile('<div data-resource_id="{{resource_id}}"><strong>{{first_name}}</strong> – {{last_name}}</div>')
}
});
所以我可能完全控制输出列表,但问题是它将enitre输入包装在<span>
标记中:
<span class="twitter-typeahead" style="position: relative; display: inline-block;">
有没有办法防止这种情况,所以它遵循我的sass造型?