Javascript Croppie JS-仅随机处理照片库

我有一个网格的照片，我正在使用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')
    })

  });

---

我注意到图像绑定到新的裁剪，但是它被设置为

不透明度：0

，并且

cr滑块

未设置或未设置在它应该设置的位置。

您是否尝试了

显示的
而不是
显示的
？@makshh，这实际上是有意义的。我觉得自己很傻。成功了。