Рамка фэнъюаньчэнь на нажатие кнопки

Question

Я использую плагин fengyuanchen cropper в среде WordPress. Плагин работает, если в теге изображения есть изображение.

Что мне нужно, если я динамически устанавливаю изображение, должно отображаться управление кадрированием (прямоугольник)

Я пробовал несколько способов, но ничего не работает, например,

if($(".attachment-post-thumbnail").attr('src')!=""){
 $('.cropper_Menu1 > img').cropper({
              aspectRatio: 180/293,
              autoCropArea: 1,
              strict: false,
              guides: true,
              highlight: true,
              dragCrop: false,
              cropBoxMovable: false,
              cropBoxResizable: false
            });
}

Любая помощь? Я не хорош в JQuery

Я устанавливаю изображение

$('.inside').bind('DOMNodeInserted DOMNodeDeleted', function(event)  { 
   if($(".attachment-post-thumbnail").attr('src')!=""){
        $("#MenuImg").attr('src',$(".attachment-post-thumbnail").attr('src'));}
});

Answer 1

Можете ли вы попробовать использовать $.load обработчик события как ниже:

$('.inside').bind('DOMNodeInserted DOMNodeDeleted', function(event)  { 
   if($(".attachment-post-thumbnail").attr('src')!=""){
        $("#MenuImg").attr('src',$(".attachment-post-thumbnail").attr('src')).load(function() {
        // Handler for .load() called.
        if($(".attachment-post-thumbnail").attr('src')!=""){
             $('#MenuImg').cropper({
                          aspectRatio: 180/293,
                          autoCropArea: 1,
                          strict: false,
                          guides: true,
                          highlight: true,
                          dragCrop: false,
                          cropBoxMovable: false,
                          cropBoxResizable: false
                });
            }
        });
    }
});

Answer 2

Я понял. Если есть другое лучшее решение, пожалуйста, напишите. Добавьте функциональность сборки

   $('.cropper_Menu1 > img').cropper({
                            aspectRatio: 180/293,
                              autoCropArea: 1,
                              strict: false,
                              guides: true,
                              highlight: true,
                              dragCrop: false,
                              cropBoxMovable: false,
                              cropBoxResizable: false,
                              built: function () 
                              {
                                        $(this).cropper('crop');
                              }
                            });