typeahead - Bootstrap typeahead 结果放入 div，可能吗？

Question

我正在尝试将预输入结果放入页面上的特定 div 中。我获得了 JSON 回调数据，但我不知道如何使用它来填充特定的 div。 process 函数的唯一作用是在搜索字段下方列出结果，无论其长度如何。

这是我的代码，您知道如何利用回调数据来填充特定的 div 吗？

$('#search').typeahead({
          source: function(query, process) {
              $.ajax({
                  url: '/action/search.php?action=autocomplete',
                  type: 'POST',
                  data: 'query=' + query,
                  dataType: 'JSON',
                  async: true,
                  success: function(data) {
                      //process(data);
                  },
                  minLength: 1
              });
          }
    });

Answer 1

实际上有一种非常简单的方法可以将结果放入特定的页面元素中，但是，我不确定它实际上是否已记录。

搜索源代码发现可以传入选项menu，这似乎是为了让你定义包装菜单元素的样子，但是，你可以传入一个选择器，它将使用它作为目标。

给定 html 片段:

<input id='#typeahead' type='text'>

<h2>Results</h2>
<ul id="typeahead-target"></ul>

您可以使用以下命令让结果显示在 ul 元素中:

$('#typeahead').typeahead({menu: '#typeahead-target'});