jquery - 在鼠标悬停脚本上修改 jquery 缩放

Question

我在悬停脚本上使用这个缩放http://www.jacklmoore.com/zoom/

我正在尝试将其实现到画廊类型页面中，但悬停功能似乎仅适用于第一张图片

<span class='zoom' id='ex1'>
<img src='http://i.imgur.com/y2qMsNn.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/>
<p>Hover</p>
</span>
<span class='zoom' id='ex1'>
<img src='http://i.imgur.com/y2qMsNn.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/>
<p>Hover</p>
</span>
<span class='zoom' id='ex1'>
<img src='http://i.imgur.com/y2qMsNn.jpg' width='555' height='320' alt='Daisy on the Ohoopee'/>
<p>Hover</p>
</span>    

这是我的情况的演示http://jsfiddle.net/drhbt/

如何让脚本为每个图像提供缩放功能？

谢谢你的帮助！

Answer 1

我无法进行更好的测试，但是我将 id 更改为 class 并且它起作用了。

$('.zoom').zoom();