如何使用 ember.js 移动 HTML 元素答案

【问题标题】：How to move HTML element with ember.js如何使用 ember.js 移动 HTML 元素
【发布时间】：2013-06-10 03:51:18
【问题描述】：

我想用 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>

【问题讨论】：

您到底想完成什么？我问的原因是因为如果你试图操纵 DOM 来做一些基本的事情，你就是在与框架作斗争。您想要做的是将其绑定到模板中的区域并切换某种标志以将其显示在区域或其他区域中。但澄清会有所帮助。

标签： css ember.js

【解决方案1】：

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

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

或者只是

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

【讨论】：