如果选择的类没有加载到DOM中,但后来又追加了,可以使用以下步骤来使用typeahead进行搜索:
$(document).ready(function() {
$('.typeahead-input').typeahead({
// typeahead的配置选项
});
});
data
选项来设置数据源:$('.typeahead-input').typeahead('destroy'); // 销毁之前的typeahead实例
$('.typeahead-input').typeahead({
data: ['类1', '类2', '类3'] // 更新数据源
});
source
选项来设置数据源:$('.typeahead-input').typeahead('destroy'); // 销毁之前的typeahead实例
$('.typeahead-input').typeahead({
source: function(query, process) {
// 发起Ajax请求获取数据
$.ajax({
url: '获取数据的URL',
data: { query: query },
success: function(data) {
// 处理返回的数据
var result = []; // 存储处理后的数据
// ...
process(result); // 更新typeahead的数据源
}
});
}
});
input
事件或使用typeahead的change
事件来实现。例如:$('.typeahead-input').on('input', function() {
// 输入框的值发生变化时,触发typeahead的搜索
$('.typeahead-input').typeahead('lookup');
});
综上所述,当选择的类没有加载到DOM中,但后来又追加了时,可以通过重新初始化或更新typeahead的数据源来实现搜索功能。具体的实现方式取决于typeahead插件的使用方法和数据源类型。
领取专属 10元无门槛券
手把手带您无忧上云