锤子.js - DIV "Drag & Drop"简单实现？

Question

>提示如何使用 Hammer 实现简单的拖放.js。 1 个 DIV：

<div class="first"></div>

Javascript：

var element = $('.first').get(0);        
var hammertime = new Hammer(element);
        hammertime.on('pan', function(e) {
            var tapX, tapY;
            tapX = e.center.x;
            tapY = e.center.y;
            this.style.left = tapX;
            this.style.top = tapY;
        });

我需要制作这个可以在屏幕上移动的div。目前我不会成功。情况并不复杂，我只是找不到最简单的实现，移动块，如果您能帮助我实现简单的拖放，我将不胜感激。

http://jsfiddle.net/0fawast9/

Answer 1

我也在寻找一个简单的拖放解决方案，并找到了你的帖子。

似乎锤子 1.1.3 没有发射"平底锅"事件。此外，事件侦听器中的"this"是指函数本身，左/上使用带有"px"的字符串。我稍微修改了你的代码

var element = $('.first').get(0);        
var hammertime = new Hammer(element);
    hammertime.on('pan', function(e) {
        var tapX, tapY;
        tapX = e.center.x;
        tapY = e.center.y;
        console.log(tapX + ' --- ' + tapY);
        element.style.left = tapX + "px";
        element.style.top = tapY + "px";
    });

http://jsfiddle.net/0fawast9/11/

希望可以帮助你，尽管这个问题是一年前问的:)