Javascript typeahead.js iOS Safari与独立Web应用的区别

Javascript typeahead.js iOS Safari与独立Web应用的区别,javascript,jquery,ios,safari,typeahead.js,Javascript,Jquery,Ios,Safari,Typeahead.js,我知道typeahead.js还不支持移动设备 尽管它可以在移动浏览器(mobile Safari)中使用,但有人知道为什么在通过“独立”版本的网页查看表单时它可能不起作用吗 出现的问题是,当我尝试“单击/触摸”建议下拉列表时,它不会在独立版本中使用该条目填充输入,而safari版本也会这样做 这种行为是否在任何地方都有记录,或者iOS是否知道 谢谢 添加:我在.tt suggestion中添加了一个jquery委托点击监听器,以显示一个警报,该警报在mobilesafari中有效,但在独立版本

我知道typeahead.js还不支持移动设备

尽管它可以在移动浏览器(mobile Safari)中使用,但有人知道为什么在通过“独立”版本的网页查看表单时它可能不起作用吗

出现的问题是,当我尝试“单击/触摸”建议下拉列表时,它不会在独立版本中使用该条目填充输入,而safari版本也会这样做

这种行为是否在任何地方都有记录,或者iOS是否知道

谢谢

添加:我在
.tt suggestion
中添加了一个jquery委托点击监听器,以显示一个警报,该警报在mobilesafari中有效,但在独立版本中无效(我认为委托事件没有附加)


我意识到我也在使用FastClick库,这会弄乱下拉列表和所选选项之间的延迟

要解决此问题,请绑定dom变体侦听器并将
需求单击
类添加到每个
下的每个
类:

您也可以尝试使用侦听器:

$('input.typeahead').change(function(e) {
  $(this).closest('.tt-dropdown-menu').find('.tt-suggestion').children('p').addClass('needsclick');
});
或使用事件委托器:

$('.tt-dropdown-menu').click(function(e) {
  $(e.target).children('p').addClass('needsclick');
});

注意:函数未经测试,它们基于内存。

我意识到我也在使用FastClick库,这会弄乱下拉列表和所选选项之间的延迟

要解决此问题,请绑定dom变体侦听器并将
需求单击
类添加到每个
下的每个
类:

您也可以尝试使用侦听器:

$('input.typeahead').change(function(e) {
  $(this).closest('.tt-dropdown-menu').find('.tt-suggestion').children('p').addClass('needsclick');
});
或使用事件委托器:

$('.tt-dropdown-menu').click(function(e) {
  $(e.target).children('p').addClass('needsclick');
});

注意:函数未经测试,它们基于内存。

您是否也使用FastClick库?Typeahead 0.10.2和FastClick有一个问题,我现在不得不恢复到0.10.1。对,我意识到了这一点,并提供了一个解决方案,我将在下面发布。您也在使用FastClick库吗?Typeahead 0.10.2和FastClick有一个问题,我现在不得不恢复到0.10.1。对,我意识到了这一点,并提供了一个解决方法,我将在下面发布。今天我对此有所了解;谢谢还值得注意的是,绑定到dom突变,如
DOMNodeInserted
,可能意味着性能会受到一定的影响;谢谢还值得注意的是,绑定到dom突变(如
DOMNodeInserted
)可能会对性能造成一定的影响。needsclick可以通过typehead.js的模板引擎添加