javascript - 动画方法上的Textarea文本模糊

Question

我如何在我的 textarea 上解决这个问题？ 我正在使用 jquery 手机。 当我为文本区域设置动画以增加高度时，文本变得模糊。

我的文本区域:

<button class="divArea"><textarea rows="2" class="description" readonly></textarea></button>

我像这样为文本区域设置动画:

$(".description").animate({ height: '250px' }, 500);

我也试过像这样放大文本区域:

$(".description").attr('rows', '10');

但不起作用(文本区域保持其初始行数为 2)。

Answer 1

这里是一个使用纯 JavaScript 的解决方案 https://jsfiddle.net/L7nkswuv/1/

document.getElementsByClassName('description')[0].setAttribute('rows', '10');

<button class="divArea"><textarea rows="2" class="description" readonly></textarea></button>

使用纯 JavaScript。

使用 jQuery > 1.6

$(".description").prop('行', '10');

使用 jQuery < 1.6 $(".description").attr('行', '10');

希望对您有所帮助。