jQuery는 td의 textarea에 적합한 고도의 적응을 실현합니다

2465 단어 jQuery
jQuery가 구현한textarea 고도 적응 코드입니다.테이블의 td에 있는textarea를 직접 측정합니다.신출내기가 공부하기에 적합하다.친측, 아주 간단하고 실용적이어서 친구들에게 추천합니다.


jQuery.fn.extend({

            autoHeight: function(){

                return this.each(function(){

                    var $this = jQuery(this);

                    if( !$this.attr('_initAdjustHeight') ){

                        $this.attr('_initAdjustHeight', $this.outerHeight());

                    }

                    _adjustH(this).on('input', function(){

                        _adjustH(this);

                    });

                });

                /**

                 *      

                 * @param {Object} elem

                 */

                function _adjustH(elem){

                    var $obj = jQuery(elem);

                    return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})

                            .height( elem.scrollHeight );

                }

            }

        });

        //   

        $(function(){

            $('textarea').autoHeight();

        });

좋은 웹페이지 즐겨찾기