在引導程序中使用html輸入數據字段屬性typehead

Question

我試圖獲取一個數據字段屬性來選擇我的「objects.json」的字段將用作我的Bootstrap Typeahead輸入文本的源，如：

form.html

<input type="text" data-provide="typeahead" data-field="name"> 

form.js

$("[data-provide=typeahead]").typeahead({ 
    source: function(query, process) { 
    return $.get("/objects.json", { 
     query: query 
    }, function(data) { 
     return process($.map(data, function(o) { 
     return o[$(this).data('field')]; 
     })); 
    }); 
    } 
}); 

objects.json

[{"id":1,"name":"lorem"}, 
{"id":2,"name":"ipsum"}, 
{"id":3,"name":"dolor"}] 

問題是JavaScript上的「$（this）.data（'field'）」沒有獲得HTML數據字段屬性。

在此先感謝！

Answer 1

您是否試過使用$（this）.attr（'data-field'）？我還你可能想看看這裏： http://api.jquery.com/attribute-equals-selector/也可能會出現一些你的問題，這取決於無論您甚至讓你的初始元素

Answer 2

試試這個：

$("[data-provide=typeahead]").typeahead({ 
    source: function(query, process) { 
    return $.get("/objects.json", { 
    query: query 
    }, function(data) { 
     return process($.map(data, function(o) { 
     return o[$(this).attr('data-field')]; //<-- Use attr() 
     })); 
    }); 
    } 
});