Question

我在autoheight()中有以下功能jquery，根据我们输入的文字自动放大textbox

  $(function(){ 

  $(".form-textarea").autoheight();

  });

我的问题是当我使用jquery＆amp;重新加载页面时ajax，函数停止工作，文本框根据文本内容停止增加大小。我的意思是它与事件委托有关，有人可以为此找到解决方案吗？

功能文本区域的html编码

   <textarea style="overflow: hidden; height: 26.234px;" name="comment" class="form-textarea"></textarea>

通过jquery /无效

加载的文本区域

  <textarea name="comment"  class="form-textarea"></textarea>

注意 - 如果我们通过浏览器刷新页面，它可以正常工作。

Answer 1

在AJAX通话期间，您实际上是否覆盖了受影响的textarea元素？

如果是这种情况，您需要在AJAX调用的成功回调中显式调用新元素上的autoheight()函数（因为较旧的元素已被替换，不再存在于DOM和您的函数不知道新元素。）

$.ajax({ 
      url: 'your-target-here',
  success: function(){
              // Update your content here (or that may already be done)

              // Reregister your autoheight function
              $(".form-textarea").autoheight();
           }
});

自动增加textarea大小

1 个答案: