Bootstrap Tokenfield 在移动端不可用 Safari/iOS 8

Question

我正在使用 bootstrap tokenfield 来检测我的电子邮件文本框以支持多个电子邮件输入。

用户在电子邮件文本框中键入字母 a（图中红色字体的那个）。匹配的电子邮件列表显示在选择菜单中（显示电子邮件的框 abc@gmail.com 为黑色）

用户点击并选择邮件后，未捕获所选值。最后我在电子邮件文本框

中只收到一封信 a

我该如何解决这个问题？

Answer 1

原来我的项目中也在使用Fastclick。它吞噬了 bootstrap-tokenfield

使用的选择菜单（css class tt-selectable）的 click 事件

最后是我的解决方案。分叉 twitter typeahead.js 项目并更改

中的以下行

$el = $(that.templates.suggestion(context)).data(keys.obj, suggestion).data(keys.val, 
that.displayFn(suggestion)).addClass(that.classes.suggestion + " " 
+ that.classes.selectable);

到

$el = $(that.templates.suggestion(context)).data(keys.obj, suggestion).data(keys.val, 
that.displayFn(suggestion)).addClass(that.classes.suggestion + " " 
+ that.classes.selectable + " needsclick");

额外的 css class needsclick 将禁用此元素上的 fastclick

Bootstrap Tokenfield 在移动端不可用 Safari/iOS 8

Bootstrap Tokenfield does not work in mobile Safari/iOS 8

css

ios

twitter-bootstrap

bootstrap-tokenfield