<!-- --start ---- jquery插件 让textarea自适应高度,class=area ---->
<script type="text/javascript" src="/oo/wp-content/themes/and/assets/jquery-1.10.1.min.js"></script> <!-- --引用jquery ---->
<script type="text/javascript">
;(function($){
$.fn.adaptiveTextarea = function(options){
$.fn.adaptiveTextarea.defaults = {
"maxH":99999,
"minH":0
};
var opts = $.extend({ },$.fn.adaptiveTextarea.defaults,options);
return this.each(function(){
var $this = $(this);
var defaultH = opts.minH || $this.height();
// 初始化
$this.css({
"overflow":"auto",
"resize":"none",
"height":defaultH + "px"
});
$this.off("propertychange input").on("propertychange input",function(){
this.style.height = defaultH + "px";
if(opts.maxH >= opts.minH){
this.style.height = Math.min(this.scrollHeight,opts.maxH) + "px";
}
});
});
}
})(jQuery);
// 调用
$(function(){
$(".area").adaptiveTextarea({
minH:100,
maxH:300
});
});
</script>
<!-- --end ---- jquery插件 让textarea自适应高度,class=area --end -->