使用淡出和淡入时检查错误

Question

<div class="pro_avatars model-shadow">
  <div class="unclickable"></div>
  //code
</div>

<div class="pro_crop model-shadow">
  //code
</div>

上面是html代码。 下面是js代码

cancel.on('click', function(e) {
  e.preventDefault();
  un.hide();
  preview.fadeOut('fast');
  input.val('');
});

form.on('submit', (function(e) {
        e.preventDefault();
        $.ajax({
              url: '../ajaxify/ajax_requests/change_avatar.php',
              contentType: false,
              processData: false,
              dataType: "json",
              method: "POST",
              data: new FormData(this),
              success: function(data) {

                  var img_name = data.name;
                  $('.pro_avatars').fadeOut('fast');
                  $('.overlay').show();
                  blur.addBlur();
                  $('.pro_crop_img > img').attr('src', '../temp/resized/Resized_' + img_name);
                  cropper.fadeIn('fast');
                  if ($('.pro_crop_img > img').width() < 400) {
                    var hmm = $('.pro_crop_img > img').css('width');
                    $('.pro_crop_img').css('width', hmm + "px");
                  }

当我按下“提交”按钮时，裁剪div必须覆盖化身div，但这样做会遇到问题。

并且不确定问题出在哪里。 需要一些帮助，谢谢您的帮助