Javascript Typeahead字段,其页脚具有动态内容
假设我有一个简单的输入文本字段,它支持twitter的typeahead库的自动完成功能,可以远程获取信息,如下所示:Javascript Typeahead字段,其页脚具有动态内容,javascript,jquery,typeahead.js,Javascript,Jquery,Typeahead.js,假设我有一个简单的输入文本字段,它支持twitter的typeahead库的自动完成功能,可以远程获取信息,如下所示: $(".typeahead") .typeahead({ name: "boats", valueKey: 'name', remote: { url: baseSearchURL+"/_search?q=%QUERY" }, footer: "<a url=/search?q=%QUERY>View all the res
$(".typeahead")
.typeahead({
name: "boats",
valueKey: 'name',
remote: {
url: baseSearchURL+"/_search?q=%QUERY"
},
footer: "<a url=/search?q=%QUERY>View all the results</a>",
template: "{{name}}",
engine: Hogan })
$(“.typeahead”)
.提前打印({
名称:“船只”,
valueKey:'名称',
远程:{
url:baseSearchURL+“/\u搜索?q=%QUERY”
},
页脚:“查看所有结果”,
模板:“{name}}”,
引擎:Hogan})
我正在寻找的是一种将用户的输入传递到页脚部分的HTML的方法,这样我就可以创建一个指向包含所有可用结果的页面的链接
显然,footer
字段的上述代码部分不能按预期工作,但这正是我要做的
有什么想法吗
谢谢,Chris您可以传递DOM元素,而不是将HTML字符串传递给
footer
。创建一个包含
的DOM元素,并使用Typeahead事件对其进行更新。我最初尝试用jquery提供一个DOM元素,但没有成功。我猜是因为语法错误,因为我现在又试了一次,效果很好。但我的问题仍然存在,因为Typeahead事件并没有覆盖所有的边缘情况。大多数事件只会被触发一次(初始化
,打开
,关闭
),有些事件根本不会被触发(选中
,自动完成
),因为用户找不到他要查找的内容,也不会按照链接查看更大的列表。关于如何获得用户的完整输入,您有什么想法吗?我想您需要typeahead:opened
。谢谢您的建议。