jQuery 幻灯片动画和tinyMCE 编辑器

Question

我在带有 jQ​​uery .show("slide") 动画的界面设计中使用tinyMCE 时遇到问题。由于表单的复杂性，它像向导一样被分为多个页面，但它不使用下一步和后退按钮。相反，它使用部分名称 e.d Biodata、联系信息、保存。为了让事情变得有趣，点击的部分会滑入 View 。这个“幻灯片”已经定义了项目的开发人员和赞助商之间的界面，我们将其称为滑动形式。然而，在其中一个“页面”中，需要一个文本编辑器。问题是一旦编辑器页面滑入 View ，我可以使用tinyMCE的execCommand函数初始化它，但是一旦你滑出该页面并将其滑回，编辑器就会丢失它的内容并且它变得“不可编辑”，即使我重新初始化它。然而，如果我禁用幻灯片并仅使用 .css("display", "block") 加载页面，编辑器可以正常工作，但我们的“滑动表单”的整个本质就丢失了。那么有没有一种解决方法可以使用 show("slide") 并保持编辑器的理智？

下面的代码不起作用

$(this).show( "slide", { direction:"left" }, 1000 );

下面的代码有效

$(this).css('display', 'block');

感谢任何帮助。

Answer 1

我不久前遇到了类似的问题，解决方案是在tinymce周围使用一个带有display:none的外部div，并在$(document).ready中初始化tinymce，然后通过滑动div像平常一样进行幻灯片tinymce 对象。