【问题标题】:Why did touch events on my YUI slider suddenly stop working?为什么我的 YUI 滑块上的触摸事件突然停止工作?
【发布时间】:2011-08-31 08:49:15
【问题描述】:

我有一个使用 YUI 3 sliders 的网站,该网站可以正常运行多年。大约两周前,我在手机上向朋友展示了我的网站,效果很好。

然后,大约一周前,我再次使用我的手机向另一个朋友展示它,滑块上的拇指不动。发生了一些变化,它们不再响应我手机上的触摸事件。

在计算机上,当使用鼠标时,拇指是可拖动的。一切正常。

只有在界面需要触摸的设备上,我无法移动拇指。我在两台 Android 设备上进行了测试,一台 iPhone 和一台 iPad。

javascript 在渲染滑块时加载。我可以点击滑块的轨道,然后拇指跳到那个位置,所以触摸事件并没有完全消失。

但是,据我所知,在带有触摸屏的移动设备上触摸拇指并拖动它是不可能的。

我已经尝试了一周来弄清楚我可能会改变什么,但我就是无法解决它。

有人可以看看this page 并告诉我为什么触摸事件不起作用?

请注意,我已尝试将此版本简化为仅提供演示问题所需的最低要求,但此处或此处可能存在一些奇怪的不相关代码的 sn-ps。

任何建议将不胜感激。感谢您的时间和帮助。

请注意:此问题中链接的示例页面很可能会在一段时间后被删除。感谢您的理解。

【问题讨论】:

  • 在我的 iPhone 上,当我触摸它时,似乎整个滑块都被选中了,就像我要复制它一样。也许这与它有关。
  • @Sold Out Activist:我可能已经更改了 CSS,所以分层顺序是错误的或类似的东西,所以它甚至可能不是纯粹的 Javascript 问题。我已经调查过了,还没有确定是否确实如此,但肯定是这样。顺便说一句,很棒的用户名:)
  • 我想过,但在我的 iPhone 上我无法确认。整个幻灯片被选择为链接或复制/粘贴表明某些内容发生了变化,我认为它一开始并没有这样做。 (回复:用户名:谢谢。这是我生命中的故事)

标签: javascript user-interface slider yui touch


【解决方案1】:

您似乎需要指定use("slider" 而不是use("*"Here's a working (and greatly simplified) demo.

【讨论】:

  • 甜蜜!如果可以的话,我会给你 10 +1!你把我从这么多的恼怒中解救了出来。非常感谢!
猜你喜欢
  • 1970-01-01
  • 2019-11-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-06-22
  • 2023-02-08
  • 1970-01-01
  • 2019-02-26
相关资源
最近更新 更多