jQuery replaceWith 다른 jQuery와의 충돌

Question

안녕하세요 저는 div를 대체하려고합니다. 원본 div와 대체 둘 다 몇 가지 추가 jQuery 애니메이션이 있습니다. 이전 div를 내용으로 바꿀 수는 있지만,이 div로 대체하여 동일한 애니메이션을 호출하려고하면 새 div가로드하려고 시도하지만로드하는 애니메이션 스피너 만 표시되기 때문에 애니메이션 스크립트가 충돌합니다.)합니다 (.replaceWith -

는 원래 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 메서드와 마찬가지로 jQuery 개체를 반환하므로 다른 메서드를이 개체에 연결할 수 있습니다. 그러나 원래 jQuery 오브젝트가 리턴된다는 점에 유의해야합니다. 이 객체는 DOM에서 제거 된 요소를 의미하며 새 요소를 대체하지는 않습니다.

그래서 저는 jQuery 애니메이션이 두 번 호출되고 있으며 일종의 충돌이 있다고 생각합니다.

IF 이렇게하면 처음 div를 완전히 제거하고 새 div로 바꾸려면 어떻게해야합니까?

아니면 다른가요?

Answer 1

머리글에 jQuery 함수를 배치하면이 문제를 해결하는 데 도움이되는 것처럼 보입니다.