临时禁用和启用jquery中的事件

Temporarily disable and enable event in jquery

本文关键字:jquery 事件 启用      更新时间:2023-09-26

我只是想知道如何禁用和启用jQuery事件?我有这个代码已经在页面下工作了:

$(".panzoom").panzoom({
    $zoomIn: $(".zoom-in"),
    $zoomOut: $(".zoom-out"),
    $zoomRange: $(".zoom-range"),
    $reset: $(".reset")
});
<button type="button" id="select">
    <img src="img/svg/painter/anchor.svg">
</button>

我想更改它,以便当我单击#select按钮时,.panzoom会暂时禁用。我该怎么做?

在panzoom库中似乎已经支持了这一点:

var panzoomDisabled = false;
$('#select').on('click', function() {
  if (panzoomDisabled) {
    $(".panzoom").panzoom("enable");
  } else {
    $(".panzoom").panzoom("disable");
  }
  
  panzoomDisabled = !panzoomDisabled;
});
<button type="button" id="select">
    <img src="img/svg/painter/anchor.svg">
</button>