Question

现在我正试图实现拖放功能。

我有这个。

var drag = d3.behavior.drag();
  drag.on('drag', function () {
    console.log("drag start");
  })
  drag.on('dragend', function () {
    console.log("drag stop");
  })

  selection = d3.select('.right.menu');
  selection.call(drag);

Wich Works，但现在我想看到div在屏幕上移动，现在我只能获得控制台，如何做到这一点，甚至更好地指导这个方法/事件如何被命名做一些研究会很棒的。

更新

当前的解决方案。

var drag = d3.behavior.drag();
  drag.on('drag', function () {
console.log(selection);
    selection.style("left", d3.event.x+"px").style("top", d3.event.y+"px").style("position", "inherit");
  })
  drag.on('dragend', function () {
    console.log("drag stop");
  })

  selection = d3.select('.right.menu')
  selection.call(drag);

Answer 1

这是一个使用css position:absolute移动div并根据拖动修改顶部和左侧偏移的简单示例。

appdiv.style("left", d3.event.x+"px").style("top", d3.event.y+"px");

Fiddle

拖动div并看到项目移动

1 个答案: