zoom jquery插件失效

Question

zoom jquery插件失效

<script style="display:none">
    $(document).ready(function(){
        $('#zoom28944056975609').zoom({ on:'click' });             
    });
</script>  
<span class="zoom" id="zoom28944056975609">
  < img src="//cdn.shopify.com/s/files/1/0253/9752/6580/products/06_13374989-f60f-45b9-89c9-b500d4a41b08_1000x.jpg?v=1640328299" width="600" class="zoomzoomimg">
</span>  
 </li></ul>
          <div class="slider-buttons no-js-hidden mobimgbtn quick-add-hidden">
            <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left">
              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

            </button>
            <div class="slider-counter caption small-hide">
              <span class="slider-counter--current">1</span>
              <span aria-hidden="true"> / </span>
              <span class="visually-hidden">of</span>
              <span class="slider-counter--total">8</span>
            </div>
            <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right">
              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

            </button>
          </div>
        </slider-component>

Answer 1

看控制台插件是否正常加载，特别是引用到了谷歌cdn，在国内是打不开的，一个项目中的报错