javascript - 带有触摸打洞的 jQuery 可拖动 - 闪烁问题

Question

我的可拖动 div 在触摸设备上变得可拖动，但在开始移动它时它会“闪烁”到奇怪的位置。在桌面设备上可以正常使用，但在 iPad 或 Android 上则不然。

有什么解决方案的建议吗？

提前致谢!

Answer 1

不幸的是，我无法共享代码，因为它将进入产品，并且我无法在 jsfiddle 或类似工具中重现该问题。

但我已经修复了触摸设备上的可拖动闪烁问题，如果其他人遇到此问题，我将在这里分享。

<小时/>

var prevPos = null, diffX, diffY, maxDiff;

$( '#draggable' ).draggable( {
    ...,
    ...,
    drag: function ( event, ui ) {

        if ( prevPos ) {
            diffX = Math.abs( prevPos.left - ui.position.left );
            diffY = Math.abs( prevPos.top - ui.position.top );
            maxDiff = Math.max( diffX, diffY );
            if ( maxDiff > 60 ) {
                ui.position = prevPos;
            }
        }

        prevPos = ui.position;
    },
    stop: function ( event, ui ) {
        prevPos = null;
    } 
} );