2011-01-16 5 views
0

하위 요소/상위 요소에 대한 요소의 크기를 조정할 수 있습니까? 요소 너비를 0으로 쉽게 조정할 수 있으므로 차일드 오버플로가 발생하여 나에게 나쁜 영향을 미칩니다. 이것을 막기 위해 jquery가 어떤 행동을 했습니까?jquery resizable : 내부/외부 요소의 너비/높이를 오버플로하지 않기 위해

하나의 해결책은 resize() 이벤트에 바인딩하고 내부 요소의 위치/크기를 가져 와서 if (child.width + child.left < parent.width)를 확인하는 것입니다. 하지만이 경우 jquery가 크기를 조정하지 말라고하는 법을 알지 못합니다.

요소의 크기를 부모로 변경 한 다른보기도 있지만 동일 할 수 있습니다. 그 중 하나가 상위 오버플로가있는 경우 요소 형제를 검사하십시오.

감사합니다.

+0

직면 한 문제를 보여주는 코드 예제가 있습니까? – jmort253

+0

답변 해 주셔서 감사합니다. 나는 예제를 만든다. http://jsfiddle.net/3vtur/1/ – opio

+0

파란색 DIV는 크기가 고정되어 있기 때문에 (jquery 크기 조정을 통해) 빨간색으로 크기를 조정하면 100px, 1 차일드가 범람했다. 이 상황을 파악하고 크기를 조정하려고합니다. 나는 일반적으로 무엇을 계산해야하는지 (더 높은 질문을) 알고 있지만, 좋은 방법인지 또는 jquery가 allready인지 여부를 알지 못한다. 상황이 더 복잡합니다. 빨간색 요소에는 일부 형제와 부모 (더 구조화 된 문서)가 있습니다. – opio

답변

0

maxWidth 및 minHeight 옵션은 부모에 대해 사용할 수 있으며 maxWidth 및 maxHeight 옵션 또는 포함 옵션 - 부모에 대해 사용할 수 있습니다.

관련 문제