OStack程序员社区-中国程序员成长平台

标题: javascript - typeahead.js iOS Safari 与独立 Web 应用程序的差异 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 07:18
标题: javascript - typeahead.js iOS Safari 与独立 Web 应用程序的差异

我了解 typeahead.js 尚不支持移动设备。

即使它在移动浏览器(移动 Safari)中工作，是否有人知道为什么一旦通过网页的“独立”版本查看表单后它可能无法工作？

正在发生的问题是，当我尝试“单击/触摸”建议下拉菜单时，它不会在独立版本中使用该条目填充输入，而 safari 版本确实可以工作。

这种行为是否在任何地方都有记录或在 iOS 中为人所知？

谢谢。

补充:我在 .tt-suggestion 中添加了一个 jquery 委托(delegate)点击监听器以显示警报，该警报适用于移动 safari，但不适用于独立版本(我认为委托(delegate)事件未附加)。

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

---

Best Answer-推荐答案

我意识到我也在使用 FastClick 库，它会破坏下拉菜单和所选选项之间的延迟。

要解决此问题，请绑定(bind)一个 dom 突变监听器并将 needsclick 类添加到每个

:

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

或者使用事件委托(delegate)器:

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

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

关于javascript - typeahead.js iOS Safari 与独立 Web 应用程序的差异，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22651312/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4