jquery - 在fancybox里面的cloudzoom

Question

嗨，我正在尝试使 cloudzoom (innerzoom) 与 fancybox 一起工作。我跟着这个链接

但是当我将光标移到缩放图像上时，我在控制台中不断收到此错误：

TypeError: opts.itemArray[opts.itemCurrent] is undefined

这是我的脚本：

<script type="text/javascript">
    $(document).ready(function() {

        $(".fancybox").fancybox({
'onComplete'    :   function(arg) {
    // Here does the magic starts
    $('#fancybox-img').wrap(
        $('<a>')
        .attr('href', $(arg[0]).attr('href'))
        .addClass('cloud-zoom')
        .attr('rel', "position: 'inside'")
    );
    // That's it
    $('.cloud-zoom').CloudZoom();
}
 });
    });
</script>

锚标签是这样的：

                    <a href="images/usr/scarvezoom1.jpg" class="fancybox">
                    <img src="images/usr/scalf1.png" alt="" />

                    </a>

我在做什么错？