在textarea不工作的jquery FIDLE上触发按键事件

1） 我有一个

textarea

，在那里我正在执行一个函数，以便在写入后自动调整大小。。。。（效果很好）

2） 我有一个按钮，它可以在点击后更改文本区域的

类

（添加背景颜色、填充等）

问题

点击按钮后，一切正常，但当显示新的

40px

填充底部时，

padding bottom

显示为

0

。只有在文本区域写入内容后，才会恢复此填充

我知道这是因为我在文本区域添加了这个

自动调整大小功能

作为解决方案，我想触发一个

.trigger（“按键”）单击按钮后，但不执行任何操作

我做错了什么


$（'textarea'）。打开（'input'，自动调整大小）；
函数autosize（）{
var$this=$（this）；
美元这个
.css({
高度：“自动”
})
.css({
高度：$this.prop（'scrollHeight'））
});
}
$（.BgChanger”）。在（“单击”，函数（）上{
$（“.main_textarea”）
.addClass（“BgA”）；
});
.BgChanger{}
.BgA{
宽度：自动；
边框：1px纯红；
背景：绿色！重要；
文本对齐：居中！重要；
字体大小：22px！重要；
颜色：白色！重要；
字体大小：粗体；
填充：50px20px40px20px；
}
.main_textarea:：-webkit滚动条{
显示：无；
}
.main_text区域{
宽度：300px；
高度：90px；
大纲：0；
边框：1px纯蓝色；
保证金：0自动；
调整大小：无！重要；
背景：#fff；
大纲：0；
颜色：#292F33！重要；
字体大小：20px！重要；
框大小：边框框；
溢出：隐藏；
}

更改文本区域背景
问题不在于填充，而在于textarea的height属性

一个黑客解决方案是将
.css（{height:'auto'}）
链接到onclick处理程序函数


$（'textarea'）。打开（'input'，自动调整大小）；
函数autosize（）{
var$this=$（this）；
美元这个
.css({
高度：“自动”
})
.css({
高度：$this.prop（'scrollHeight'））
});
}
$（.BgChanger”）。在（“单击”，函数（）上{
$（“.main_textarea”）
.addClass（“BgA”）
.css({
高度：“自动”
});
});
.BgChanger{}
.BgA{
宽度：自动；
边框：1px纯红；
背景：绿色！重要；
文本对齐：居中！重要；
字体大小：22px！重要；
颜色：白色！重要；
字体大小：粗体；
填充：50px20px40px20px；
}
.main_textarea:：-webkit滚动条{
显示：无；
}
.main_text区域{
宽度：300px；
高度：90px；
大纲：0；
边框：1px纯蓝色；
保证金：0自动；
调整大小：无！重要；
背景：#fff；
大纲：0；
颜色：#292F33！重要；
字体大小：20px！重要；
框大小：边框框；
溢出：隐藏；
}

更改文本区域背景
单击按钮后，填充底部仍为40px，区域高度变为0。在上面写了一些东西之后，高度就恢复了。我如何修复这个错误？我贴了一个答案。作为旁注，你可以编辑你的答案来包含你的代码，我不知道你为什么说你不能在这里发布，你试过了吗？问题出在哪里？我可以说你是个天才……这帮我节省了数千年的编码时间……设置
高度：auto
正是这段代码工作所需要的。回答明确无误！我将编辑我的问题以添加代码，，，再次感谢。