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

modalpopupextender中Jcrop（图像）.setOptions的jquery委托事件

1 个答案: