0

在此处修补 jquery 可拖动对象、jquery-layout 和流星：

[编辑] 现在在 androiddragissue.meteor.com

在 chrome 的手机 (G7100) 上，图片是可拖动的，但尽管 zindex 很高，但并不总是出现在“顶部”。

将它拖到左边，它就会变得可见，将它拖回页面的垂直中心，它就会消失。

我正在使用一个库来使用触摸事件作为点击，jquery.ui.touch-punch.min，它在过去运行良好。

一些咖啡..

if Meteor.isClient
  Meteor.startup ->
    $(document).ready ->
      console.log !$('.ui-draggable'), new Date
      $('.face').draggable
        helper: (ev,ui) ->
          $(this).clone().appendTo("body")
          .css
            "z-index": 99999
            "position": 'absolute'
          .show()

这个问题似乎是 android 的本地问题，例如 ios 设备可以正常工作。有任何想法吗？

谢谢！

4

1 回答 1

3

这似乎是一个 Chrome for Android GPU 分层错误。我将尝试创建一个简化的案例并发布票证链接，但与此同时，这里有一个解决方法：

.face {
  -webkit-transform: translateZ(0);
}

作为奖励，这会将图像提升到 GPU，使其在页面上的移动更加顺畅。

于 2013-03-18T12:40:54.007 回答