Typeahead Bloodhound 不会在点击时关闭自动完成

Question

我有一个无法解决的问题，当我点击其中一个标签（js-follow class）时，会触发一个功能来关注/取消关注用户，但是div 包含自动完成建议的内容会在最轻微的点击后关闭，我无法保持打开状态。您是否有解决方案来防止它在执行我的功能时点击关闭？非常感谢！

这是我的代码：

$(document).ready(function () {
  var datas = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.whitespace,
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
      url: "",
      wildcard: "",
      filter: function (datas) {
      },
    },
  });

  datas.initialize();
  $("#tags").typeahead(
    { hint: false },
    {
      name: "datas",
      source: datas.ttAdapter(),
      display: "item",
      templates: {
        suggestion: function (item) {
          return (
            `<ul></ul>`)
          );
        },
      },
    }
  );
});

Answer 1

我找到了解决方案。对于遇到此问题的任何人，这是解决方法：

$(document).on("typeahead:beforeselect", function (event, data) { event.preventDefault(); });

Typeahead Bloodhound 不会在点击时关闭自动完成

Typeahead Bloodhound don't close the autocomplete on click

javascript

ajax

href

typeahead

bloodhound