jQuery:启动OKZoom的问题

Question

我想使用OKZoom，但它不起作用。我创建了这个简单的例子：

$('img').okzoom({
width: 200,
height: 200,
round: true,
background: "#fff",
backgroundRepeat: "repeat",
shadow: "0 0 5px #000",
border: "1px solid black"
});

div {
width: 50vw;
height: 50vh;
}
img {
width: 100%;
height: auto;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/okfocus/okzoom/master/src/okzoom.min.js"></script>
<div>
<img src="https://i.imgur.com/eulKI.jpg">
</div>

这里少了什么？

非常感谢您的帮助！：(

Answer 1

检查此

它在代码笔上工作，我只是添加文档。准备

$(document).ready(function(){
$("#myimg").okzoom({
width: 200,
height: 200,
border: "1px solid black",
shadow: "0 0 5px #000"
});
})

https://codepen.io/AlibiGhazi/pen/NWNNmPG