Question

我在我的项目中使用jQuery draggable事件，而拖动我得到元素的正确左侧和顶部位置，如果元素没有使用旋转，

jQuery(element).position().top
jQuery(element).position().left

使用以下代码，

  jQuery(element).draggable({
                drag: function(){
                    positionUpdate();
                },
                stop: function(){
                    positionUpdate();
                }
            });

function positionUpdate(){
    var left = jQuery(element).position().left;
    var top = jQuery(element).position().top;
    console.log('left - '+ left);
    console.log('top - '+ top);
}

所以像打印一样，

left - 20
top - 50

但是如果元素旋转保持相同的位置，则会打印下面的内容，

left - 25.3456
top  - 40.54545

请帮我这个，我想在拖动旋转的元素的同时打印没有旋转度的原始值（20,50），

谢谢和问候，

NEHA

Answer 1

尝试http://jqueryrotate.com/

代码示例

$("#img").rotate({bind:{
  click: function(){
    $(this).rotate({
      angle: 0,
      center: ["50%", "100%"],
      animateTo:180
      })
    }
  }
});

通过这种方式，您可以锁定中心，并且在拖动调用后不允许更改。

旋转后获取元素的默认左侧和顶部位置

1 个答案: