0
我使用twitter bootstrap 3 typeahead，帶有bloodhound建議引擎。鍵入文本框動態輸入後無法工作
我已經在HTML表格列中的文本框（class：typeahead）中應用了這種類型，並且在選擇了typeahead之後，會出現一個新行。
我有一個問題，將typeahead應用到這個新動態添加的文本框（也是類：typeahead）。 Chrome瀏覽器開發的錯誤：「遺漏的類型錯誤：未定義是不是一個函數」
這是我的JS：
<script src="<?php echo site_url('assets/js/jquery-2.0.3.min.js');?>"></script>
<script src="<?php echo site_url('assets/js/bootstrap.min.js');?>"></script>
<script src="<?php echo site_url('assets/js/bloodhound.js');?>"></script>
<script src="<?php echo site_url('assets/js/typeahead.jquery.js');?>"></script>
<script>
/*///////////////////
// bloodhound
//
*/
var stocksData = source_inventory;
var stocks = new Bloodhound({
datumTokenizer: function (d) {
for (var prop in d) { return Bloodhound.tokenizers.whitespace(d.item_code);}
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
//local: ["(A)labama","Alaska","Arizona","Arkansas","Arkansas2","Barkansas"]
limit: 5, //#2 added
local : stocksData
});
stocks.initialize();
/*///////////////////
// typeahead
//
*/
function apply_typeahead(elm){ alert('tes and yes');
$(elm).typeahead(null,{
displayKey: function(stocks) {
for (var prop in stocks) {
return stocks.item_code;
}
},
source:stocks.ttAdapter() ,
updater: function (stocks) {
return stocks;
}
}).on('typeahead:selected', function (obj, datum) {
var var_datum = [];
var_datum[0] = datum.item_id;
dialog_inventory_pull_data(var_datum);
});
}
//apply_typeahead('input[name^=ast_code].typeahead');
$(document).ready(function(){
/*
//some code
*/
});
/*$('.typeahead').on('added',function(){
apply_typeahead('input[name^=ast_code].typeahead');
//$('.typeahead').typeahead(typeaheadSettings);
});*/
//JS CUSTOM PAGE
function table_detail_insert(data){
if(data){
for(var p = 0;p<data.length;p++){
/*code*/
}
//apply_typeahead($('input[name^=ast_code].typeahead'));
//apply_typeahead('input[name^=ast_code].typeahead');
return data;
}else{
console.log('error');
}
}
var url_1 = "/inventory/detail";
function dialog_inventory_pull_data(data_inventory){
var data_inventory_param = $.map(data_inventory, function(value, index) {
return [value];
});
var data_ajax_raw = $.ajax({
url:ajax_url_1,
data: {inventory:data_inventory_param},
dataType: "json",
success: function(result){
table_detail_insert(result);
}
});
}
</script>
我試圖運行從控制檯apply_typeahead功能，它的工作原理與初始化的文本框，但經過新行動態創建，再次從控制檯運行相同的功能不起作用，並且所有文本框都沒有提前顯示。
什麼可能會出錯？
感謝