2013-07-11 2 views
0

나는 트위터와 비슷한 입력 상자를 가지고있다. (나는 부트 스트랩을 사용하고있다.) 그것을 누를 때, 저는 그것을 확장하기를 원합니다. 문제는 중간에 자리 표시 자 및 입력 텍스트가 시작된다는 것입니다.수직 정렬 CSS 속성을 사용하여 JQuery addClass()

  1. 당신은 내가 해결책을 찾을 수 있습니다

    $(this).css({"height":"80px","vertical-align":"top"});

  2. addClass method

: 나는 성공없이 변경할 수있는 몇 가지 방법을 시도? 사전에

감사합니다!

+0

$ ("선택") addClass ("yourclass을."); 데모가있는 경우 http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_addclass를 확인하십시오. – falguni

+1

해당 리소스를 사용하지 마십시오. 공식 jQuery 문서와 같이 훨씬 좋은 것들이 있습니다. – raam86

+1

질문이 명확하지 않습니다. 무엇의 중간에? 어디에 expnded? HTML 및 JSfiddle 표시 – raam86

답변

0

vertical-align 텍스트 입력에는 작동하지 않습니다. 대신 패딩을 설정해보십시오. 높이를 설정하지 않아도됩니다. 아래쪽 패딩을 사용하여 텍스트를 맨 위에 올려 놓기 만하면됩니다. 여러 줄을 원하면 textarea을 대신 사용하십시오.

$(this).css({"padding-bottom":"60px"});

Demo on Bootply

+0

지금 막 패딩을 시도했습니다. 문제는 패딩을 사용하면 최대 높이를 설정하더라도 입력 상자가 계속 날아 오르고 텍스트가 상단에 도달하지 않는다는 것입니다. – crowdfun

+0

이전에 나는 텍스트 영역을 가지고있었습니다. 문제는 입력 상자에서 텍스트 영역으로 전환하는 데있었습니다. 다시 말하지만, 트위터처럼, 한 줄 입력 상자를 눌러 더 큰 상자 (텍스트 영역 일 수도 있음)로 원활하게 확장하고 싶습니다. – crowdfun

+0

내 데모를 사용해 보셨습니까? 어떤 브라우저를 사용하고 있습니까? – ZimSystem