列表中的jQuery觸摸打孔可拖動：滾動和拖動會干擾（移動設備）

Question

我試圖建立一個可拖動對象列表，但是拖動事件以某種方式干擾了移動設備上的滾動事件（在Windows平板電腦上測試過，在台式機上運行正常）。 我可以滾動或拖動，但不能同時滾動。 如果將“ -ms-touch-action”和“ touch-action”設置為none，則可以滾動；如果未設置，則可以拖動。

還包括觸摸打孔。 我認為，解決此問題的最佳方法是通過將項目按住一或兩秒鍾來觸發拖動事件，但我無法使其正常工作。

將列表的溢出設置為在開始時可見，然后在停止時返回到”，這一點很重要，因為我必須將這些項目拖到div邊界之外，並且我的應用程序不允許我以任何其他方式進行操作。

您可以在此處測試代碼： http : //jsfiddle.net/LQuyr/344/

希望你們能幫助我。 謝謝。

// draggable
$('#sortable li').draggable({
  scroll: false,
  helper: 'clone',
  start: function(e, ui) {
    $('#sortable').css('overflow', 'visible');
  },
  stop: function(e, ui) {
    $('#sortable').css('overflow', '');
  }
});

Answer 1

也許延遲選項就是您要尋找的...

$('#sortable li').draggable({
      delay: 300,
      scroll: false,
      helper: 'clone',
      start: function(e, ui) {
        $('#sortable').css('overflow', 'visible');
      },
      stop: function(e, ui) {
        $('#sortable').css('overflow', '');
      }
    });