javascript - 从 Bootstrap Typeahead 中的数据属性中调用函数？

Question

Twitter bootstrap 提供了一个特殊的输入元素。但我正在尝试使用 javascript 函数填充其属性之一。

<input type="text" data-provide="typeahead" data-source="return fun()">

<script>
function fun()
{
  return "["apple", "bananas"]";
}
</script>

但这似乎不起作用。

编辑:

按照 Moin Zaman 的指示进行了尝试，

http://jsbin.com/enacof/5

但是还是不行。 :(

Answer 1

您的双引号用法不太正确。

尝试:

  return "['apple', 'bananas']";

您的代码应该在浏览器中引发脚本错误。

此外，这也不会像 Bootstrap Typeahead 那样工作。引用和代码显示data-source直接用作字符串，而不是eval作为js函数运行。

另一种方法是:

$('.typeahead').typeahead({source:"['apple', 'bananas']"})

您还可以尝试:

$('.typeahead').typeahead({source: fun()})

或者:

var data = fun();
$('.typeahead').typeahead({source: data})