jQuery 대화 상자 크기 조정 이벤트

Question

제 3 자 플러그인 (jqGrid)을 호스팅하는 대화 상자가 있습니다. 대화 상자의 크기를 조정할 때 jqGrid이 자동 크기 조정되기를 원합니다. 또한 성장할 수있는 다른 콘텐츠가 있기 때문에이 대화 상자를 width: 'auto'으로 만들고 싶습니다. 대화 상자가 있기 때문에 내용의 크기를 조정하면

, 나는 dialogresize 이벤트가 발생하지 않습니다. 다음은 그 예이다 - 버튼을 클릭하면 대화 상자가 크기를 조정에도 불구하고, dialogresize을 유발하지 않는 대화가 수동으로 dialogresize 이벤트가 발생하는 원인 크기 조정,하지만 :

http://jsfiddle.net/LfpC7/

는 잡을 수 있다면 당신은 알고 계십니까 width: 'auto'의 결과로 대화 상자의 크기가 조절되면 이벤트가 발생합니까?

감사

Answer 1

당신은 jQuery를 UI 대화의 resize event로 할 수 있습니다.

대화 상자 크기를 조정할 때이 이벤트가 트리거됩니다. 데모 코드 예제

공급

콜백 함수는 init 옵션으로 크기 조정 이벤트를 처리합니다.

형식별로 크기 조정 이벤트에 바인딩 : dialogresize.

$(".selector").bind("dialogresize", function(event, ui) { 
     ... 
    });