Bootstrap Tokenfield在移动版Safari / iOS 8中不起作用

时间:2015-08-31 01:50:46

标签: ios css twitter-bootstrap bootstrap-tokenfield

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

用户在电子邮件文本框中键入字母a(图片中带有红色字体的字母)。匹配的电子邮件列表会显示在选择菜单中(显示黑色电子邮件abc@gmail.com的框)

用户点击并选择了一封电子邮件后,系统不会捕获所选的值。最后,我在电子邮件文本框中只收到了一封信a

enter image description here

如何解决此问题?

1 个答案:

答案 0 :(得分:0)

事实证明我在我的项目中也使用了Fastclick。它吞噬了click

使用的选择菜单(css类tt-selectable)的bootstrap-tokenfield事件

最后,这是我的解决方案。 fork 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类needsclick将禁用此元素上的fastclick