css - 如何使用 ember.js 移动 HTML 元素

Question

我想用 ember.js 移动一个元素。最佳做法是什么？

“移动”并不意味着我移动坐标 XY 上的元素。 这意味着我更改了要移动的元素的父元素。 另外，我想给移动的元素添加css3动画。

我想做如下。

之前

<div id="foo">
  <div id="moved"></div>
</div>
<div id="bar"></div>
</div>

之后

<div id="foo">
</div>
<div id="bar">
  <div id="moved"></div>
</div>

Answer 1

除了动画之外，整个方法可能是错误的这一事实也放在一边，如果您的代码确实如此简单，您可以使用 jQuery 安全地将元素从它的旧位置分离并将它附加到它的目标元素.如果您使用 Chrome 开发者工具并执行检查元素，并看到与 ember 相关的标记，而您不知道它在移动元素的源和目标之间做了什么，您可能会使用 jQuery 搞砸一些事情。

var d = $("#moved").detach();
d.appendTo("#bar");

或者只是

$("#moved").appendTo("#bar");