javascript - Autosize jQuery 插件，触发 autosize.update

Question

我正在使用 Autosize自动调整文本框的大小(高度)。该插件是 JS，但可以用作 jQuery 插件(在网站中有说明)。作者解释了如何在使用 JavaScript 更改文本时触发手动“更新”事件 (JS)。我需要做同样的事情，但使用 jQuery“模式”，因为我正在使用 Ajax 动态创建文本框。尝试了 trigger() 但没有成功。

autosize(ta); /*Pure JS*/
ta.value = "Something really long";
var evt = document.createEvent('Event');
evt.initEvent('autosize.update', true, false);
ta.dispatchEvent(evt);

这是我的一段源代码:http://pastebin.com/049UfkGv - 在 $(this).autosize(); 之后，我需要触发“autosize.update”事件以将文本框重新调整为新内容。

jQuery 代码:

 $(document).ready(function(){
  window.jQuery.fn.autosize=function(){ return autosize(this); };
 });

 $('.edit4').each(function(){
   $(this).keypress(function(event) { if (event.keyCode==13) { event.preventDefault(); };
   $(this).autosize();
 });

谢谢!

Answer 1

您可以按如下方式使用它:

autosize.update($('textarea'));