在 bootstrap typeahead 上使用 html 输入数据字段属性

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

不确定这是否适用于您，但就我而言，我认为data-field 不起作用。我尝试在线搜索以查看“field”是否为保留字，但找不到任何内容。 无论如何，将data 属性更改为其他任何属性（例如：data-myfield、data-fieldID 等）对我有用。

Answer 2

您是否尝试过使用 $(this).attr('data-field')？我也你可能想看这里： http://api.jquery.com/attribute-equals-selector/ 这也可能是您的一些问题，这取决于您是否获得了初始元素

Answer 3

试试这个：

$("[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()
      }));
     });
   }
});