CKEditor, JQuery : 애니메이션으로 인해 편집기가 깨집니다.

Question

<div style="display:none" id="container"></div> 요소의 CKEditor를 초기화합니다.

$('#container').show();은 편집기와 모든 것이 작동합니다.

그러나 호출을 $('#container').show('blind');과 같은 애니메이션과 결합하면 편집기가 포 그라운드로 이동하지만 (btw : 애니메이션이 멋지게 보임) 편집기가 손상됩니다.

누군가 동일한 문제가 있었습니까? 이것은 jquery 또는 CKEditor 버그입니까?
스케일 및 블라인드가 작동하지 않기 때문에 스케일링 문제라고 생각합니다.

Answer 1

동일한 문제가 있습니다. 해결 방법은 일반 jQuery에서 .slideDown() 함수를 사용하고 CKEditor가 작동했습니다. 이런 식으로 뭔가가 :

$('#container').slideDown(); 

뿐만 아니라 .slideDown() 또한 .slideUp() 및 .slideToggle()있다.

Answer 2

방금이 문제를 해결했습니다. 애니메이션 후에 다시 데이터를 다시 붙이면 효과가있는 것 같습니다! 예 :

$j(".content-other").hide('slide', {direction: "right"}, 400, function() { 
     $j(this).html(data); // show it initially for the slide-in 
     $j(this).show('slide', {direction: "right"}, 400, function() { 
      $j(this).html(data); // after the animation's done, place it again 
     }); 
}); 

두 번째 html()은 중요한 것입니다. 애니메이션 처리 과정에서 뭔가 효과가있는 것 같습니다.