Bootstrap typeahead会导致div,可能吗？

发布时间：2020-12-17 21:34:07 所属栏目：安全来源：网络整理

导读：我正在尝试将预先输入的结果放到我页面上的特定div中.我得到了 JSON回调数据,但我不知道如何使用它来填充特定的div.进程函数具有列出结果的唯一效果,无论其长度如何,都在搜索字段下. 这是我的代码,你知道如何利用回调数据来填充特定的div吗？ $('#search').t

我正在尝试将预先输入的结果放到我页面上的特定div中.我得到了 JSON回调数据,但我不知道如何使用它来填充特定的div.进程函数具有列出结果的唯一效果,无论其长度如何,都在搜索字段下.

这是我的代码,你知道如何利用回调数据来填充特定的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
              });
          }
    });

解决方法

实际上有一种非常简单的方法可以将结果导入特定的页面元素,但是,我不确定它是否真的记录在案.

搜索源代码显示可以传入选项菜单,这似乎是为了允许您定义包装菜单元素的外观,您可以传入选择器,它将使用它作为目标.

鉴于html片段：

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

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!