PanZoom.js未触发的事件处理

Question

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

$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");
    }
});