Jcrop (이미지)의 jquery 대리자 이벤트. modalpopupextender의 .setOptions

Question

이미지를 파일 시스템에 저장하기 전에 이미지를 업로드하고 잘라내는 데 사용되는 modalpopupextender 컨트롤이 있습니다.

MPE는 먼저 파일 업로드 컨트롤을 보여 주며, 사용자가 파일을 업로드 할 때 업로드 된 이미지로 그 아래에 자르기 섹션을 표시합니다. 그것은 처음으로 작동, 그것은 이미지를 표시하고 Jcrop javascript/jquery 파일을 사용하여, 나는 프레임 자르기와 자른 이미지를 저장할 수 있습니다.

Jcrop을 초기화하는 코드는 jQuery(window).load 함수에서 아래에 있습니다.

$.Jcrop(image).setOptions({ 
     onChange: update, 
     onSelect: update, 
     aspectRatio: myRatio, 
     bgColor: 'white', 
     bgOpacity: 0.5 
    }); 

그러나 사용자가 팝업을 닫지 않고 다른 파일을 다시 업로드하려고하면 문제가 발생합니다. jcrop에 대한 update 메소드는 실행되지 않습니다.이 메소드는 팝업이 처음로드 될 때만 실행됩니다. 라이브 이벤트 핸들러와 같은 것을 첨부해야하지만 그렇게 할 수 없습니다. 나는 아래와 같은 바인드 이벤트를 첨부하려고했지만 작동하지 않습니다.

$.Jcrop(image).bind('setOptions', { onChange: update, 
     onSelect: update, 
     aspectRatio: forcedRatio, 
     bgColor: 'black', 
     bgOpacity: 0.6 
    }, function() { 
     alert('test'); 
    }); 

누구나 JCrop을 이와 비슷한 방식으로 사용 했습니까?

Answer 1

앞으로 방문객을 위해 window.load 대신 window.focus 내에서 setOptions 이벤트를 사용하여 작동하게 만들 수있었습니다.

jQuery(window).focus(function() { 
    $.Jcrop(image).setOptions({ ..... }); 
});