jQuery Accordion内部的动态内容(Textarea）

Dynamic content (Textarea) inside a jQuery Accordion

本文关键字：Textarea 动态 Accordion 内部 jQuery      更新时间：2023-09-26

场景非常简单，我在jQuery手风琴中有一个文本区域。当我在浏览器上调整文本区域的高度时，当前手风琴的内容会与下面的手风琴重叠。

<div class="accordion">
    <h3>Sec 1</h3>
    <div>
        <textarea></textarea>
        I move with the textarea
    </div>
</div>
<div>
    <span>I am being overlapped :o</span>
</div>

-我在动态附加内容时遇到了类似的问题（例如）。我通过刷新手风琴克服了这一点。

$(".accordion").accordion("refresh");

如何调整文本区域的大小？我不想捕捉调整大小事件，因为我有很多文本区域，我不想跟踪它们的所有初始尺寸。谢谢

编辑

我现在意识到，默认情况下Accordo会为"溢出"的内容创建一个滚动条。然而，我希望我的内容能够动态地调整高度，所以我在css 上做了一个过渡

.ui-accordion .ui-accordion-content {
        overflow: visible !important;
 }

这是一个工作演示。

https://jsfiddle.net/normangr7/vebw8o0b/

为.ui-accordion .ui-accordion-content 设置height : auto !important;

.ui-accordion .ui-accordion-content {
  height :auto !important;
  padding: 0px;
  overflow: visible !important;  
}

演示：http://jsfiddle.net/kishoresahas/vebw8o0b/1

我想你的问题的答案在这里：jQuery手风琴w/input，你如何获得不关闭手风琴的输入&仍然能够控制它。在本主题的第一篇文章中，您可以找到非常有用的jsfiddle代码：手风琴中有4个文本区域，它们不重叠。

顺便说一句，谢谢你的问题，我正在研究一种适合页面中7个文本区域的方法，现在我找到了解决方案。

相关文章：