x
x: 数值
[只读] Draggable 实例的当前位置(水平坐标)。
细节
数字- 当前x
(水平)位置的 Draggable 实例。对于一个 Draggable 对象来说,type: "x,y"
对于 Draggable 类型为x
的 transform 平移,比如 CSS 中的transform: translateX(...)
。对于type: "top,left"
来说,Draggable 的x
将引用 CSSleft
值。这不是全局坐标——这是应用于元素的内联 CSS 相关值。
每次通过交互拖动 Draggable 时,以及在用户释放鼠标/触摸后 Draggable 应用基于动量的补间动画期间,该值都会被更新。但如果您手动更改(或补间动画)元素的位置,则可以强制 Draggable 查看“真实”的值并将其记录到自己的属性中。x
属性来强制 Draggable 查看“真实”的值,并将其记录到自己的update()
方法。基本上,这会重新同步它的状态。同样,除非有其他代码(来自 Draggable 外部)修改了目标元素的位置,否则这是不必要的操作。