我正在创建一个表单生成器,我正在使用interact.js
来移动元素并更改它们的大小。问题是,当我拖动它们时,设计不再响应。这是在dragmove
事件:
function dragMoveListener (event) {
var target = event.target,
// keep the dragged position in the data-x/data-y attributes
x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx,
y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy
console.log($(target).parent().attr('id'))
// translate the element
target.style.webkitTransform = target.style.transform
= 'translate(' + x + 'px, ' + y + 'px)'
// update the posiion attributes
target.setAttribute('data-x', x)
target.setAttribute('data-y', y)
}
我尝试使用percentages
和em
,但它没有用。我真的被困了,我将非常感谢你能提供的任何帮助。