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”引用函数本身，left / top使用带有“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/

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

Hammer.js - 简单的实现＆＃34; Drag＆amp;降＆＃34; DIV？

1 个答案: