JQuery와 UI : "경계 상자"문제를 내가 현재 사용하고

Question

JQuery와 크기 조정 (http://api.jqueryui.com/resizable/)

와 나는 "상자 크기 조정 제대로 작동하지 않는다는 것을 눈치 챘을 것이다 : 국경 박스 ; " 내가 검색 좀 고체 답을 얻을 수 없었다

.. (어쩌면 내가 보낸 적이없는 충분한 시간 ..)

은 누군가가 이미 이미 JS 바이올린에 내 정확히 같은 문제의 예를 게시 이 문제에 대한 해결책은 아직 밖으로 경우

(http://jsfiddle.net/muNjL/) 

나는 경계 박스를 사용하지 수밖에 없다 있으면 알려 주시기 바랍니다

... 모르겠어요. 나는 매우 감사 할 것입니다.

감사합니다. 읽고 코딩 해 주셔서 감사합니다.

-Danny C

Answer 1

왜 border-box 모두를 보내고있다? 표준화?

JSFiddle의 왼쪽에있는 피들 옵션 아래에서 CSS 정규화를 시도해보십시오. 나는 그것이 normalize.css을로드한다고 가정합니다. 그런 다음 모든 테두리 상자 선언을 제거하십시오. 크기를 재조정 할 수 있도록 이제 to the entire width and height of the parent container을 확장해야합니다.

#container { 
    width: 300px; 
    height: 300px; 
    background: #888; 
} 

#container #ohboxme { 
    background: #FFF; 
    border: 1px solid grey; 
    padding: 10px; 
    width: 200px; 
    height: 100px; 
    font-size: 10px; 
} 

Answer 2

이 지금은 http://bugs.jqueryui.com/ticket/8932 가장 좋은 방법을 볼 ... 크기 조정 jqueryui로 알려진 버그 대신 '경계'의 '개요'를 CSS를 사용하여 전환하는 것입니다. 기본적으로 테두리를 설정하면 jquery의 width() 함수에 의해 반환 된 값이 변경됩니다. 즉, 크기 조정 가능 위젯은 상자가 실제 크기보다 작다고 생각합니다.