微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Bootstrap typeahead会导致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'});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐