To see if the console plugin loads properly, especially when referring to Google cdn, is not open in China, a project error
zoom jquery plugin invalid
<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>
0 Answer
To see if the console plugin loads properly, especially when referring to Google cdn, is not open in China, a project error
the reference answer GPT ᴼ ᴾ ᴱ ᴺ ᴬ ᴵ < br / > according to the code, you need inside label into the jQuery library, otherwise will not be able to identify the $symbol. Try adding the following code inside the tag:
<script src="https://code.jquery.com/jquery-3.6.0.min.js">script>
Then, put the code for $(document).ready() inside the tag. The final code looks like this:
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js">script>
head>
<body>
<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>
body>
If the problem persists, try viewing the error message in the browser console and debugging.
这家伙很懒，什么都没留下...