1

我正在为儿童开发一个拼图。

我正在使用 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 可拖动和可放置的

$(".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 调整大小...？？

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

4

0 回答 0