在主要产品图片中显示变化图片

Question

我正在为woocommerce产品变体创建一个插件。 我以小图像而不是选择菜单的形式显示变化。一切进行得都很顺利。 但是，当我们在左侧单击主图像的位置时，我想显示它。 我做到了：

   $('.thumb-variation').on('click',function(){
        
        $variationURL = $(this).attr('src');

        $mainProductImage = $("<div/>", {"class": "woocommerce-product-gallery__image flex-active-slide",
                                                 
                                                 "data-thumb" : $variationURL });
      
                                             
        $('figure.woocommerce-product-gallery__wrapper').prepend($mainProductImage); 
}

但没有任何改变。