jquery droppable区域（不是对象）没有使用panzoom调整大小

Question

我正在为孩子们开发一个拼图。

我正在使用jquery panzoom进行缩放和平移https://github.com/timmywil/jquery.panzoom

    $("#panzoom").panzoom(
    {
        $zoomIn: $("#zoomin").on("click"),
        $zoomOut: $("#zoomout").on("click"),
        maxScale: 1.2,
        minScale: largestSide/backgroundSize,
        increment: 0.05 
    });
    // Set start zoom
    $("#panzoom").panzoom("zoom",largestSide/backgroundSize);

分别为.piece和.targetPuzzle的

和jquery draggable and droppable

$(".targetPuzzle").droppable
({
    accept: '.piece',
    //tolerance: 'pointer',
    tolerance: 'touch',
    hoverClass: "highlight",
    drop: function(event, ui)
    {}
});  

你可以在这里看到我的问题www.puzzstory.com/test-puzzle.html（#intro和#loading显示为无）：

1. 拿走这件作品然后走向应该是我的可放置div的白色区域
2. 当白色区域变为黄色时，表示您已经悬停在可放置区域的顶部，因为实际上区域（不是div）没有通过panzoom调整大小... ??

关于如何解决这个问题的任何想法？