관리 메뉴

내 머릿속 데이터베이스

[Jquery] textarea 자동 증가 플러그인 테스트 본문

Programming/Web Language

[Jquery] textarea 자동 증가 플러그인 테스트

Namioto 파도소리 2014. 11. 19. 05:00

출처 : http://babolsk.tistory.com/1053

 

Jquery textarea 자동 증가 플러그인 테스트

 

Jquery textarea 자동 증가 플러그인에 대해 확인해보았음.

 

구글링 시 많이 보이는 것은 autogrow.js 를 사용하라는 것이다.

다만 문제점은 autogrow.js 의 버전을 잘못 선택하면 jquery 1.11.x 버전에서 작동하지 않는다.

(이유는 $.browser deprecated 1.9 버전부터 remove되었기 떄문임)

 

그러므로 jquery 1.9 이상 버전 사용시에는 autogrow.js 1.0.3 버전을 사용하여야 한다.

 

테스트 소스 첨부함

 

개인적으론 autosize 가 가장 무난해보임

 

autosize : http://plugins.jquery.com/autosize/

autogrow : http://plugins.jquery.com/autogrow/

expanding : http://plugins.jquery.com/ExpandingTextareas/


autosize, autogrow 적용

$(document).ready(function() {

    $("#cont_autosize").autosize(); //autosize 적용

    $("#cont_autogrow").autogrow(); //autogrow 적용

});


expanding 적용

<textarea id="cont_expanding" name="cont_expanding" class="expanding"> 

0 Comments
댓글쓰기 폼