【发布时间】: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