Javascript jQuery选项卡选择选项卡不在编辑器中显示文本

我有一个jQuery选项卡，选项卡中有代码镜像文本编辑器。在页面加载时，我检查了一些条件：

    if (condition){
                $('#editors').tabs("disable",0);
                $('#editors').tabs('select', 1);
                    myCodeMirror.refresh();
    } 

根据条件，我禁用其中一个标签并显示下一个标签。它正确地显示了tab1，但是文本编辑器中的文本不可见，除非我重新调整浏览器窗口的大小或开始编辑文本编辑器，正如您在image1.1中看到的那样 我尝试刷新我的代码编辑器。

---

我发现“选择”选项卡有问题。

如果CodeMirror在隐藏状态下初始化，则无法建立其显示。第一次取消隐藏后，您必须调用其

refresh（）

方法。

在初始化选项卡后是否尝试初始化codemirror？在jsfiddle.net中创建一个演示。