typeahead.js iOS的Safari浏览器VS独立的Web应用程序的差异

Question

我明白typeahead.js不支持移动呢。

即使它在移动浏览器（Safari移动），没有任何人有一个想法，为什么一次的形式通过网页的“独立”的版本认为它可能无法正常工作？

发生的问题是，当我尝试'点击/触摸'建议下拉菜单时，它不会在独立版本中使用该条目填充输入，Safari浏览器版本确实有效。

是这种类型的行为记录任何地方或已知的iOS？

谢谢。

此外：我添加了一个jQuery的委托点击侦听器到.tt-suggestion显示警报，它适用于移动Safari，但不是在独立版本（我认为委派事件不附加）。

$(document).on('click', '.tt-suggestion', function(e) { 
    alert('clicked'); 
}); 

Answer 1

我意识到我还在使用FastClick库，它可以缩短下拉菜单和所选选项之间的延迟时间。

要解决它，绑定一个DOM突变监听器和needsclick类下添加到每个<p>类各<div class="tt-suggestion">：

$('.tt-dropdown-menu').bind('DOMNodeInserted', function(e) { 
    $(e.target).find('.tt-suggestion').children('p').addClass('needsclick'); 
}); 

您可能还可以使用侦听尝试：

$('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'); 
}); 

注意：函数未经测试，它们基于内存。