【问题标题】:Typeahead.js footer text at the end of menu菜单末尾的 Typeahead.js 页脚文本
【发布时间】:2013-09-27 12:48:00
【问题描述】:

我正在使用 Typeahead.js 库,它运行良好。我想在下拉菜单的末尾显示一个 html 内容。我知道有一个选项可以为每个数据列表显示页脚。我不想显示每个列表的页脚。

我想在下拉菜单的末尾显示一个主页脚。我正在使用下面的代码。

$("#search-box").bind("typeahead:opened", function(obj, datum) {
     $("div .tt-dataset-last").parent().append("Click Here");
});

上面的代码有效,但不是第一次打开菜单时。它从第二次打开菜单时开始显示。我希望即使在第一次显示菜单时也能显示文本。

有什么建议吗?

【问题讨论】:

  • $("#search-box").trigger("typeahead:opened") 作为一个肮脏的黑客?
  • 谢谢。你想把它放在哪里?
  • .bind('event').trigger('event').
  • 你能解释一下吗..我都试过了,但不确定它们到底需要放在哪里。
  • 可以为最终数据集添加页脚。

标签: jquery footer typeahead.js


【解决方案1】:

鉴于您的所有数据集都是远程数据集,您可以使用我在此处建议的方法:

Adding HTML element after the dataset is brought in

...为您的最后一个数据集执行此操作,并确保阅读我添加到答案中的 cmets。

祝你好运。

【讨论】:

  • 看起来你解决了这个问题。关于过滤器,我可以参考任何jsfiddle来更好地理解它吗?
  • 我使用下面的代码作为最后一个本地虚拟数据。我做对了吗?我应该在过滤器返回数据中发送什么? { name: "footer", local: [], footer: "

    更多结果..

    ", filter: function(respData) { return [{value: "dummy" ,tokens: ["dummy"]}]; }
  • 哇。它工作得很好。但有一个问题。现在显示一个空的建议,当它被点击时,“dummy”这个词被添加到看起来不太好的文本框中。我已将 .dummy 类高度设为 0,但仍然没有改变..
  • 也无法将 %QUERY 传递给我在要自定义的页脚链接中提供的 url
  • 我也不希望在选择值时将文本添加到文本框中。如果我们这样做,上述问题将得到解决
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-09-10
  • 1970-01-01
  • 2021-07-12
  • 2016-07-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多