当前位置 : 主页 > 网页制作 > Bootstarp >

Bootstrap typeahead会导致div,可能吗?

来源:互联网 收集:自由互联 发布时间:2021-06-12
我正在尝试将预先输入的结果放到我页面上的特定div中.我得到了 JSON回调数据,但我不知道如何使用它来填充特定的div.进程函数具有列出结果的唯一效果,无论其长度如何,都在搜索字段下
我正在尝试将预先输入的结果放到我页面上的特定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'});
网友评论