PanZoom.js的事件处理未触发

Question

使用PanZoom JS，我正在尝试为任何被点击的SVG处理一个简单的点击事件。根据文档，它应该像这样简单：

$panzoom.on('panzoomend', function(e, panzoom, matrix, changed) {
    if (changed) {
        // deal with drags or touch moves
    } else {
        // deal with clicks or taps
    }
});

这永远不会发射，它永远不会打到if测试。

Answer 1

首先，您必须创建$ panzoom变量并调用panzoom。 你可以输入这样的东西

var $panzoom = $('.panzoom').panzoom({
    contain: 'invert',
    minScale: 0.5,
    increment: 0.5,
});

输入代码后

$panzoom.on('panzoomend', function(e, panzoom, matrix, changed) {
    if (changed) {
        // deal with drags or touch moves
        alert("changed");
    } else {
        // deal with clicks or taps
        alert("not changed");
    }
});