Question

我正在使用小插件来jquery： jquery-plugin-autoresize

但我在使用.live时遇到了麻烦。

有谁知道怎么做？

我试过

$('textarea .blog_comment').live('autoResize', function(e,{
// On resize:
onResize : function() {
$(this).css({opacity:0.8});
},
// After resize:
animateCallback : function() {
$(this).css({opacity:1});
},
// Quite slow animation:
animateDuration : 300,
// More extra space:
extraSpace : 40
}){});;

但它不起作用。请帮忙。谢谢你/

Answer 1

您的问题的答案can be found here：

Loading jQuery qTip code dynamically

Answer 2

您需要在元素再次准备好后重新运行插件，例如在您使用的任何AJAX方法的success处理程序中，如下所示：

$.ajax({
   //options
   success: function(data) {
     $('textarea.blog_comment').autoresize({...plugin options...});
   }
});

或使用像.livequery()这样的插件，如下所示：

$('textarea.blog_comment').livequery(function() {
  $(this).autoResize({
    onResize : function() {
      $(this).css({opacity:0.8});
    },
    animateCallback : function() {
      $(this).css({opacity:1});
    },
    animateDuration : 300,
    extraSpace : 40
  });
});

简短版本是.live()不能用于此...它是事件驱动的，因此不适合运行大多数插件。

.live和textarea自动缩放器

2 个答案: