Croppie JS - 只在照片库中随机工作

Question

我有一张照片网格，我正在使用croppie裁剪照片。单击照片时，它会启动引导模式，并在模态中初始化新的croppie并绑定该图像。它似乎只是在它停止工作之前为几张照片工作。这是js：

$(document).ready(function(){

    var uploadCrop;

    $('#exampleModal').on('show.bs.modal', function (event) {
      uploadCrop = $('#uploadCrop').croppie({
          viewport: {
              width: 200,
              height: 200
          },
          boundary: {
              width: 300,
              height: 300
          }
      });
      var button = $(event.relatedTarget) 
      var profile = button.data('image') 

      uploadCrop.croppie('bind', {
          url: profile
      });

      uploadCrop.croppie('setZoom', 1.5)
    })

    $('#exampleModal').on('hidden.bs.modal', function(event) {
      uploadCrop.croppie('destroy')
    })

  });

我注意到图片已绑定到新的croppie，但它设置为opacity:0且未设置cr-slider或应该设置的位置。