在下面的脚本中(实例位于 http://jsbin.com/aliket/1/，源代码位于 http://jsbin.com/aliket/1/edit)，我创建了两个对话框，其中一个 (#dialog2) 是另一个 (#dialog1) 中的子项。如果我在#dialog1 之前创建#dialog2，打开#dialog1 然后打开#dialog2，TinyMCE 插件将不再工作。不工作，我的意思是 TinyMCE 的文本框被遮蔽了，之前输入的任何 HTML 都消失了。这是两个对话框的顺序问题还是TinyMCE？为什么会这样？但是，我确实知道如何修复它:只需在#dialog2 之前创建#dialog1。谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Testing</title>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
</head>
<body>
<button id="click1">Click 1</button>
<div id="dialog1" title="dialog1"><div id="tinymce"></div><button id="click2">Click 2</button></div>
<div id="dialog2" title="dialog2">Hello</div>
</body>
<script>
tinymce.init({selector: "#tinymce"});
$(function() {
$('#click2').click(function(){$("#dialog2").dialog("open");});
$("#dialog2").dialog({autoOpen:false,resizable:false,height:300,width:240,modal:true});
$("#click1").click(function(){$("#dialog1").dialog("open");});
$("#dialog1").dialog({autoOpen: false,modal: true});
});
</script>
</html>
最佳答案
我认为这里的问题是您在打开另一个具有相同 ID 的编辑器实例之前没有关闭您的编辑器实例。使用 mceCommand mceRemoveControl 关闭这样的编辑器实例。
关于javascript - jQueryUI 对话框的顺序是否有所不同(也许只是 TinyMCE)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16671177/