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>