在点击时使用云缩放插件放大图像而不是悬停

Question

我正在使用云缩放插件来放大图像。整个插件工作正常，但我想在点击事件上放大图像而不是悬停。

我使用了以下代码，但它对我不起作用

HTML

 <img src="<?= base_url() . 'uploads/' .$images[0]->product_images ?>" alt="" width="640" class="cloudzoom" id="plan_img"   data-cloudzoom = "zoomImage: '<?= base_url() . 'uploads/' .$images[0]->product_images ?>',zoomSizeMode:'lens',autoInside:true,zoomPosition:'inside'" />

Jquery的

   $(document).ready(function () {

   $('#plan_img').click(function(){

            $(this).CloudZoom();

            return false;
        });


         $("#plan_img").mouseout(function(){
          $(this).data('zoom').destroy();
        });

   });