1

情况:

  1. 配备jquery、jquery mobile、jquery-ui.touch 和jquery.ui.touch-punch 的手机,后者使诸如拖放等相当多的东西可用于触摸屏。

  2. 两个 div 块,用于将项目符号从一个可排序的 div 块拖到另一个可排序的 div 块中。

  3. 在屏幕上,这两个块在视觉上是彼此相邻的,虽然不是最理想的,但因为项目符号在拖入另一个 div 块时会消失。然而它可以以某种方式被丢弃,因为之后子弹确实出现在目标 div 块中并消失在原始 div 块中。

  4. 借助 css 选项溢出:自动,可以使滚动出现在两个块中以滚动项目符号列表。

问题:

  1. 这些滚动有时有效,有时无效,因为在后一种情况下,要么整个页面开始滚动,要么(在单击本地 div 滚动条后)它开始放大到整个页面变得无用的级别/深度。
  2. 在 Firefox Mobile 中,div 滚动条不可见,但有时可以滚动;在 Opera Mobile 中,div 滚动条可见,但在单击 div 滚动条后随机“深度”放大。
  3. 尝试了互联网上提供的不同解决方案来阻止页面滚动或放大,但无济于事。一些“解决方案”使页面滚动被锁定,但是所有滚动都被锁定和/或拖动也被锁定。

问题:

有人对上述情况有任何经验或可以提供一些提示吗?我知道这是最前沿的,因为即使是 JQ/JQM(或任何其他框架?)目前还没有达到这一点,尽管他们正在努力。jquery.ui.touch-punch 是一个插件,虽然是实验性的,但它是迄今为止我所知道的唯一让拖放等可用于手机/触摸屏的方法。

非常感谢您!

4

0 回答 0