Question

我的网站上有标签内容，其中一个标签需要包含jQueryAce编辑器。我在website上关注示例，如下所示：

<textarea class="my-code-area" rows="4" style="width: 100%">puts 'foo'</textarea>
<script>
$('.my-code-area').ace({ theme: 'twilight', lang: 'ruby' })
</script>

这些行应该位于最初具有display: none的div内，直到用户单击选项卡名称。如果它们位于div内，则显示时，编辑器将不可见（也不会工作），但如果这些行在隐藏的div之外，则编辑器可以正常工作挺好的。

关于如何将此编辑器置于最初隐藏的div？

的任何建议

Answer 1

然后你应该在显示主要的div之后初始化你的插件，

$('your-div').show();
$('.my-code-area').ace({theme:'twilight',lang:'ruby'}); // add after showing parent div

jQueryAce不会在隐藏的div中工作

1 个答案: