我有一个带有woocommerce的wordpress网站。我有弹出产品图片的花式盒子。在该图像弹出窗口中，我想单击该图像并使用magiczoomplus激活内部缩放。所以当弹出窗口处于活动状态时，我的html是：
<div id="fancybox-content" style="border-width: 10px; width: 669px; height: 838px; opacity: 1;"><a class="MagicZoom fancybox image" data-options="zoomMode: off; zoomOn: click; zoomPosition: inner;textExpandHint: Click to open expanded view" href=Casall.jpg" rel="gallery"><img id="fancybox-img" src="Casall.jpg" alt=""></a></div>
在magiczooms网站上，我必须具有这样的html，但它无法正常工作
<a class="MagicZoom" data-options="zoomMode: off; zoomOn: click; zoomPosition: inner;textExpandHint: Click to open expanded view" href="Casall.jpg" rel="gallery"><img id="fancybox-img" src="Casall.jpg" alt=""></a>
我没有任何JavaScript或jquery错误。