jQuery幻灯片动画和tinyMCE编辑器

mak*_*lle 5 jquery tinymce

我在使用jQuery .show("slide")动画的界面设计中使用tinyMCE时遇到了问题.由于表单的复杂性,它被分解为很像向导的页面,但它不使用下一个和后一个按钮.相反,它使用部分名称ed Biodata,Contact Information,Save.为了增添趣味,点击的部分将滑入视图.这个"幻灯片"已经定义了项目的开发者和赞助者之间的接口,我们将它们称为滑动形式.但是,在其中一个"页面"中,需要一个文本编辑器.问题是一旦编辑器页面滑入视图,我可以使用tinyMCE的execCommand函数初始化它,但是一旦你滑出那个页面并将其重新滑入,编辑器就会丢失它的内容并且即使我成为"不可编辑的"重新初始化它.然而,如果我禁用幻灯片并只加载页面.css("display", "block"),编辑工作正常,但我们的"滑动形式"的整个本质已经丢失.那么有没有能够使用show("slide")和保持编辑理智的工作?

下面的代码不起作用

$(this).show( "slide", { direction:"left" }, 1000 );
Run Code Online (Sandbox Code Playgroud)

下面的代码有效

$(this).css('display', 'block');
Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏.

小智 1

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