jquery - jQuery UI Accordion 内部的 nicedit 文本区域宽度无法正常工作

标签 jquery jquery-ui textarea jquery-ui-accordion nicedit

我正在使用 nicedit.js 和 jQuery UI Accordion 。
我有几个包含这些 nicedit WYSIWYG 文本区域的 Accordion 。

当我刷新页面时,第一个 Accordion 区域打开并显示正确的 nicedit WYSIWYG 区域(宽度为 100%)。
当我选择另一个 Accordion 区域时,它会打开并显示 nicedit WYSIWYG 区域,但它只有 100 像素宽。

我在代码中做了一些挖掘,发现它在整个构建过程中使用 100% 作为宽度。我在 jQuery UI Accordion 中遇到了这个问题,之前没有让内容正确渲染,只是销毁了 id 并重新初始化它。

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

最佳答案

我建议您订阅 Accordion 的 change 事件,并根据这些事件初始化 WYSIWYG 编辑器(如果之前尚未初始化)。我不熟悉 nicedit 或他们的编辑器是如何构建的,但如果它动态计算大小,那么除非 HTML 容器可见,否则它无法这样做。因此,更改事件将使容器可见,以便正确计算大小。

关于jquery - jQuery UI Accordion 内部的 nicedit 文本区域宽度无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10645265/

相关文章:

Javascript - 在一页上复制多个文本区域的文本按钮

javascript - 同时滚动多个div

jquery - 在第 n 行末尾添加三个点

jquery - invalidHandler setDefault 在 $.validator 调用 -jquery 验证插件中被忽略

Jquery DatePicker 在 PopUp 关闭后不隐藏

html - 框大小:边框框;不影响文本区域

jquery - 如何使用jQuery qTip?

javascript - 重定向后显示警报消息

javascript - 如何在 jQuery 中将计时器与无限循环链接起来?

java - 没有滚动条的文本区域 (awt)