如何移动AJAX'd Javascript w/Moovweb-SDK中的内容

How to move AJAX'd content in Javascript w/ Moovweb SDK?

本文关键字：Javascript Moovweb-SDK 何移动 移动 AJAX      更新时间：2023-09-26

所以有时在使用MoovwebSDK时，客户端会在内容点进行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添加的？

一个选项是监听节点更改——请参阅本文——假设您可以针对正确的突变事件，则在JavaScript中手动移动内容。

我们公司避免使用MutationObserver，因为旧版本的Android和IE无法识别它。

相反，我们已经开始实现CSS动画。您可以在.ts文件中插入CSS，为元素指定animation@keyframe。然后我们添加一个JS监听器来监听"webkitAnimationStart"。因此，现在当AJAX的内容加载时，监听器会立即被触发，我们现在可以使用JS操作新的DOM。

这是一个很好的技巧，并且在完全实现时是跨浏览器兼容的。

相关文章：