jQuery UI手风琴中的nicedit textarea宽度无法正常工作

Question

我正在使用nicedit.js和jQuery UI手风琴 我有几支手风琴包含这些nicedit WYSIWYG文本区域。

当我刷新页面时，第一个手风琴区域打开并显示正确的nicedit WYSIWYG区域（宽度为100％）。
当我选择另一个手风琴区域时，它会打开并显示nicedit WYSIWYG区域，但它只有100px宽。

我在代码中进行了一些挖掘，发现它在整个构建过程中使用100％作为宽度。我用jQuery UI手风琴遇到了这个问题，之前没有让事情正确呈现，只是破坏了id并重新初始化它。

我正在寻找一种解决方案，允许所有nicedit WYSIWYG区域呈现100％甚至是固定宽度。

Answer 1

我建议您订阅手风琴的更改事件，并在这些事件之前初始化之前初始化所见即所得的编辑器。我不熟悉nicedit或他们的编辑器是如何构造的，但如果它动态计算大小，那么除非HTML容器可见，否则它不能这样做。因此，更改事件将使容器可见，以便正确计算尺寸。