modalpopupextender 中 Jcrop(image).setOptions 的 jquery 委托事件

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 的更新方法，我相信它只在第一次加载弹出窗口时运行。我需要在其上附加诸如实时事件处理程序之类的东西，但我无法这样做。我尝试如下附加绑定事件，但它不起作用。

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

之前有没有人以类似的方式使用过 JCrop，或者对如何处理这个问题有任何想法？

Answer 1

对于未来的访问者，我可以通过在 window.focus 而不是 window.load 中设置 setOptions 事件来使其工作。

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