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({ ..... });
});