2010-08-06 8 views
4

J'initialise un CKEditor dans un élément <div style="display:none" id="container"></div>.CKEditor, JQuery: L'animation casse l'éditeur

$('#container').show(); montre l'éditeur et tout fonctionne.

Cependant, si je combine l'appel avec une animation comme $('#container').show('blind');, l'éditeur vient au premier plan (btw: l'animation semble douce), mais cependant, l'éditeur se casse.

Quelqu'un a-t-il eu le même problème? Est-ce un jquery ou un bug CKEditor?
Je pense que c'est un problème d'échelle, parce que l'échelle et les blinds ne fonctionnent pas.

+0

Je voudrais utiliser Firebug pour vérifier les informations CSS pour le conteneur, à la fois dans le cas où cela fonctionne, et dans le cas où ce n'est pas le cas. S'il y a une différence, cela pourrait être le problème. – Pointy

+0

Il n'y a pas de différence après l'effet. – AkaBkn

+0

@AkaBkn Avez-vous trouvé une solution? J'ai ce problème aussi. Cela me tue .. n'a pas trouvé de solution. Veuillez partager si vous avez trouvé une solution. – Aajahid

Répondre

2

J'ai le même problème. Comme un travail autour j'ai utilisé la fonction .slideDown() de plain jQuery et le CKEditor travaillé. Quelque chose comme ceci:

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

En plus .slideDown() il y a aussi .slideUp() et .slideToggle().

0

Juste découvert une solution de rechange pour cela. Si vous recolliez vos données une fois l'animation terminée, cela semble fonctionner! Par exemple:

$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 
     }); 
}); 

Le deuxième html() est ce qui est important. Il semble que le processus d'animation fasse quelque chose.