码迷,mamicode.com
首页 > 其他好文 > 详细

textarea 高度自适应

时间:2015-03-10 17:11:08      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

 1 jQuery.fn.extend({
 2             autoHeight: function(){
 3                 return this.each(function(){
 4                     var $this = jQuery(this);
 5                     if( !$this.attr(‘_initAdjustHeight‘) ){
 6                         $this.attr(‘_initAdjustHeight‘, $this.outerHeight());
 7                     }
 8                     _adjustH(this).on(‘input‘, function(){
 9                         _adjustH(this);
10                     });
11                 });
12                 /**
13                  * 重置高度 
14                  * @param {Object} elem
15                  */
16                 function _adjustH(elem){
17                     var $obj = jQuery(elem);
18                     return $obj.css({height: $obj.attr(‘_initAdjustHeight‘), ‘overflow-y‘: ‘hidden‘})
19                             .height( elem.scrollHeight );
20                 }
21             }
22         });
23         // 使用
24         $(function(){
25             $(‘textarea‘).autoHeight();
26         });

 

textarea 高度自适应

标签:

原文地址:http://www.cnblogs.com/nuoku/p/4326268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!