jQuery 幻灯片动画和 tinyMCE 编辑器

Question

我在使用 jQuery .show("slide") 动画的界面设计中使用 tinyMCE 时遇到问题。 由于表单的复杂性，它像向导一样被分解为页面，但它不使用下一步和后退按钮。相反，它使用部分名称 e.d Biodata、联系信息、保存。为了增加趣味，点击的部分会滑入视图。这个“幻灯片”已经定义了项目的开发人员和赞助商之间的界面，我们将他们称为滑动表单。但是，在其中一个“页面”中，需要一个文本编辑器。问题是一旦编辑器页面滑入视图，我可以使用 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 对象。