twitter typeahead在下拉列表中创建额外链接

时间:2015-06-13 19:08:49

标签: javascript twitter-bootstrap twitter-bootstrap-3 typeahead.js

我想覆盖twitter typeahead的默认行为。

当建议显示时,我希望能够添加<a><button>标记,以便在单击该特定按钮时,它不会执行典型的下拉行提交

我知道如何进行模板渲染模板中的按钮/链接,但无法弄清楚如何将整行单击重写为单个按钮单击。

templates: {
  header: '<h3 class="search-set">asdf</h3>',
  suggestion: function(context) {
    return Mustache.render(template, context);
  }
}

提前致谢。

1 个答案:

答案 0 :(得分:0)

好吧,你可以在选择中使用由typeahead触发的Custom Events

如果你真的需要一个按钮,那真的是一个小胡子问题。 一种解决方案是通过jQuery将onClick处理程序添加到生成的html中,例如

suggestion: function(context) {
  var html = Mustache.render(template, context);
  $('button', html).on('click', function(){alter('something')});
  return html;
}