Skip to main content
 首页 » 编程设计

jQuery 幻灯片动画和tinyMCE 编辑器

2026年07月31日6lexus

我在带有 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'); 

感谢任何帮助。

请您参考如下方法:

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