如何使用 Moovweb SDK 在 Javascript 中移动 AJAX 的内容？答案

【问题标题】：How to move AJAX'd content in Javascript w/ Moovweb SDK?如何使用 Moovweb SDK 在 Javascript 中移动 AJAX 的内容？
【发布时间】：2015-07-02 04:09:38
【问题描述】：

所以有时在使用 Moovweb SDK 时，客户端会在内容点中进行 AJAX，但它会在不正确的区域中？

我不能使用氚来移动这个内容，因为我要移动它的区域是在页面加载后插入的！

例子：

<div class="where-i-want-to-move-it"></div>

<div class="content-area-i-want-it-moved-from">
  <p class="content-i-want-moved">Hi! This was ajaxed in at a later date!</p>
</div>

当我无法控制他们的 JS 触发特定事件或触发不同的回调时，如何检测到此 p 标签是通过 AJAX 添加的？

【问题讨论】：

我很确定必须有一种方法让你一开始就告诉它你想让它去哪里......
嗨 Minitech，在 moovweb SDK 中，您依赖于客户的 JS。所以有时候，你不能只移动 ajax 容器，因为它会导致 javascript 错误。所以你必须先等待内容被填充，然后再移动它！

标签： javascript ajax moovweb

【解决方案1】：

一种选择是监听节点变化——参见this post——假设您可以定位正确的突变事件，在 JavaScript 中手动移动内容。

【讨论】：

【解决方案2】：

我们公司避免使用 MutationObserver 因为older versions of Android and IE don't recognize it。

改为we have begun implementing CSS Animations。您可以在 .ts 文件中插入 CSS 以将动画 @keyframes 分配给元素。然后我们添加一个 JS 监听器来监听“webkitAnimationStart”。所以现在当 AJAX 的内容加载时，监听器会立即被触发，我们现在可以使用 JS 操作新的 DOM。

这是一个绝妙的技巧，并且在完全实施后是跨浏览器兼容的。

【讨论】：