Question

嗨，我有一个想要替换的div。原来的div和替换都有一些额外的jQuery动画。我可以用内容替换旧的div，但是当我尝试用调用相同动画的div替换它时，我认为动画脚本是冲突的，因为新div正在尝试加载但只显示加载动画微调器。

原始div看起来像这样

<td class="Products eventChangeProducts">
<div class="mosaic-block bar"><a href="http://localhost/shop/greeting-cards/" class="mosaic-overlay">
<div class="mosaicdetails"><h4 class="mosaicdisplay">Greeting Cards</h4>
<p class="mosaicdisplay">4x6 Cards with your Photo</p></a></div>
<div class="mosaic-backdrop"><a href="http://localhost/shop/greeting-cards/">
<img src="http://localhost/wp-content/uploads/postcard-300x300.jpg">
</a></div></div></td>

jQuery replaceWith就在这里

 jQuery(document).ready(function($){
   $('.eventChangeProducts').replaceWith('<td class="nfpProducts"> 
<div class="mosaic-block bar"><a href="http://localhost/shop/facebook-link/" class="mosaic-overlay">
<div class="mosaicdetails"><h4 class="mosaicdisplay">Facebook Link</h4>
<p class="mosaicdisplay">Post your Picture to Facebook</p></a></div>
<div class="mosaic-backdrop"><a href="http://localhost/shop/facebook-link/">
<img src="http://localhost:8888/wp-content/uploads/facebook-likes-300x300.jpg">
</a></div></div></td>');

jQuery动画在这里

jQuery(function($){
   jQuery(".bar").mosaic({
       animation:   
    });
});

我读过这个 - 像大多数jQuery方法一样，.replaceWith（）方法返回jQuery对象，以便可以将其他方法链接到它上面。但是，必须注意返回原始jQuery对象。此对象引用已从DOM中删除的元素，而不是已替换它的新元素。

所以我猜测jQuery动画被调用了两次，并且存在各种冲突。

如果是这样，我如何完全删除第一个div并将其替换为新div，以免发生这种情况？

还是别的什么？

Answer 1

将jQuery函数放在页脚中（而不是在页眉中）似乎有助于解决此问题。

jQuery replace与其他jQuery冲突

1 个答案: