jQuery UI 대화 상자 resize helper

UI 대화 상자 안에 무거운 내용이 있습니다. 크기 조정 프로세스가 끝나면 한 번만 크기를 조정해야합니다. 대화 상자에 도우미 옵션이 설정된 경우 크기를 조절할 수있는 동작이 필요하므로 '중지'이벤트를 사용하여 콘텐츠의 크기를 조절할 수 있습니다. 여기에 설명 된 것과 동일한 문제가 있습니다. jQuery forum jQuery UI 대화 상자 resize helper

누가 해결할 수 있는지 알고 있습니다.

출처

2012-06-19 vadimv

Richard Worth 님이 내가 링크하는 포럼 스레드에서 질문에 답변했습니다. 그의 제안을 시도 했습니까? 그의 대답을 이해하는 데 도움을 찾고 계십니까? –

리차드 워스 (Richard Worth)는 작동해야하는 방식을 설명하지만 그렇지 않습니다. 이 포럼 주제에는 답변 아래에 jQuery의 버그 설명이 있습니다. 나는 이것을 시도했다. 다른 div를 대화 상자의 자식으로 사용하고, 크기를 조정하고 대화 상자의 크기를 조절하도록 설정하고이 div 'stop'이벤트의 내용을 담고 있지만 도우미는 대화 상자 아래에 표시되며 외부에서만 볼 수 있습니다. – vadimv

그 버그는'stop' 이벤트에 영향을 미치지 않는 것 같습니다. jQuery 1.7.2/jQuery UI 1.8.18에는 어떤 문제도 보이지 않습니다. 브라우저에서 테스트 할 수있는 [바이올린] (http://jsfiddle.net/Qnwxb/)이 있습니다. –

크기 조정 가능 위젯의 도우미 기능에 문제가 있습니다. 그런 다음, 위젯을 파괴 직후 적절한 도우미 옵션을 재현하여 해결할 수 있습니다 : 당신은 업데이트 된 바이올린 here를 찾을 수

$("#yourDialog").dialog({ 
    // options... 
}).dialog("widget").resizable("destroy").resizable({ 
    helper: "ui-resizable-helper" 
});

출처

2012-06-19 13:41:02

이 방법은 작동하지만 도우미는 대화 상자 외부에서만 볼 수 있습니다. 대화 상자를 더 크게 만들면 괜찮습니다. 그러나 대화 상자를 작게 만들면 도우미를 볼 수 없습니다. – vadimv

@vadimv, 그건 사소한 스타일 문제입니다. '.ui-resizable-helper'의 스타일을'z-index : 10000;'(fiddle) (http://jsfiddle.net/3bUjv/21/)으로하면 좋은 결과를 얻습니다. –

감사합니다. 프레디 릭! – vadimv

jQuery UI 대화 상자 resize helper

답변

관련 문제