jQuery: лучшая практика для отмены / удаления событий функций?

Question

Я использую плагин jQuery Cloud Zoom, и я изменил инициализацию так, чтобы изображение увеличивалось, когда пользователь нажимает «кнопку увеличения» вместо того, чтобы зависать.Я не уверен, как сбросить / удалить это событие, когда пользователь оставляет изображение, и мне было бы очень интересно услышать, что было бы лучше.

Вот как выглядит сценарий -

$('.magnify').click(function() {
    $('.cloud-zoom').CloudZoom({ showTitle: false });
    return false;
});

$('.display').mouseout(function() {
  // unset?
});

(". Display" - контейнер) Требуется ли связывание / открепление?Кажется, что это может сработать, но я бы хотел, чтобы был более простой метод, так как это всего лишь одна функция.

Answer 1

Просто используйте функцию уничтожения CloudZoom:

$('.cloud-zoom').data('zoom').destroy();

Обратите внимание, что это уничтожает только первый случай, если вы используете более одного:

$('.cloud-zoom').each(function(){
  $(this).data('zoom').destroy();
});

Answer 2

Для Star Plugins версии 3 это

$('.cloudzoom').data('CloudZoom').destroy();

Answer 3

То есть вы пытаетесь «удалить» увеличенное изображение при наведении мыши? Это кажется проблемой доступности. Кроме того, что, если вы потеряете след мыши, что означает, что зум исчезнет, ​​если вы слегка покачаете мышкой и случайно покинете дисплей? Кажется немного неуклюжим. Почему бы не иметь что-то вроде, когда вы нажимаете в другом месте, кроме изображения?