Ember.js Interact.js-拖动单个div“;“跳来跳去”;余烬

Ember.js Interact.js-拖动单个div“;“跳来跳去”;余烬,ember.js,draggable,interact.js,Ember.js,Draggable,Interact.js,我正在使用Ember,我正在尝试使用interact.js库设置一个简单的可拖动div示例,但我遇到了一些问题 我知道库不会修改DOM,您需要自己修改,这很好。我在网站上遵循这个例子,但我把它翻译成了Ember: 以下是我所做的: 步骤#1:使用简单DIV创建余烬模板 在使用此余烬旋转进行一些实验后: 我发现从对draggable的调用中删除origin:“self”修复了跳跃。我不知道为什么。如果你把它放在一个ember twiddle中可能会有帮助。嗨@Gaurav-我试着设置ember

我正在使用Ember,我正在尝试使用interact.js库设置一个简单的可拖动div示例,但我遇到了一些问题

我知道库不会修改DOM,您需要自己修改,这很好。我在网站上遵循这个例子,但我把它翻译成了Ember:

以下是我所做的:

步骤#1:使用简单DIV创建余烬模板


在使用此余烬旋转进行一些实验后:


我发现从对draggable的调用中删除
origin:“self”
修复了跳跃。我不知道为什么。

如果你把它放在一个ember twiddle中可能会有帮助。嗨@Gaurav-我试着设置ember twiddle,但我无法让它与Interact.is一起工作。我可能再试一次。我也开始使用Ember CodeSandbox,但也无法让它工作。我已经创建了twiddle,但当我包含控制器代码时,它不会呈现。这是一个小把戏:。如果你能看一看,我会非常感激的。这个简单的示例至少在本地运行,并演示了错误的行为。我修复了interact.js依赖关系:我不确定原因,但删除
origin:'self'
修复了旋转中的问题。