0

jquery draggables、jquery-layout、および meteor をここでいじります。

[編集] 今は androiddragissue.meteor.com にあります

クロムの電話 (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 forAndroidGPUのレイヤリングのバグのようです。ケースを減らしてチケットへのリンクを投稿しようとしますが、それまでの間、回避策は次のとおりです。

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

ボーナスとして、これにより画像がGPUにプロモートされ、ページ内での画像の移動がスムーズになります。

于 2013-03-18T12:40:54.007 に答える