Как отписать от события кнопку?

Question

[Степан]

Ничего не получается

$('a.select-city').unbind('click');

        $('body').on('click', 'a[href]', function (e) {
                e.preventDefault();
                var link = $(this).attr('href');
                updatePrice(link);
        }).unbind($('a.select-city'));

        $('a.select-city').unbind('click');

Не работает ни один из этих методов

Дело в том, что на эту ссылку, которую мне нужно анбиндить, нужно на нее персонально вызвать .click

Comments

[Виталий Сорокин]

adlfkjakdfjhiaslld

Answer 1

[Евгений Петров]

Не будем вдаваться в реализацию обработки событий jQuery, но основное для вас:

1. Для установки/снятия обработчика (он же слушатель) есть пары on() — off(), bind() — unbind(), delegate() — undelegate().

2. Устанавливаем и снимаем обработчик в одном объекте jQuery. Если вы слушаете в каком-то элементе (коллекции элементов), то в в другом элементе уже не снимете. Не имеет значения, как вы получили объект, с помощью селектора атрибута, класса, имени тэга, или прямой ссылки, — это должен быть либо тот же объект, либо элемент той же коллекции.

$('a[href]').on('click', function (e) {
	e.preventDefault();
	// Дальше мутим
});
$('.select-city').off('click');

3. Используйте селектор отрицания :not().

$(document).on('click', 'a[href]:not(.select-city)', function (e) {
	e.preventDefault();
	// Дальше мутим
});

Comments

[Степан]

Сделал с помщью not еще до вашего ответа. Но спасибо. Ваш ответ как всегда на высоте

[Евгений Петров]

Если бы увидел ваш ответ на основе селектора отрицания, то подумал — писать свой или нет:)
Хотя, второй пункт для вас может оказаться также полезным.

[keslo]

Евгений Петров: Спасибо. Регулярно вдохновляюсь вашими решениями вопросов :-)

Answer 2

[durf]

Вы вешаете клик на body, а отписываетесь на ссылке.
если нужен клик на всем body кроме ссылки то можно так

$('body').on('click', 'a[href]', function (e) {
 if($(e.target).is("a.select-city")){
  return true;
 }
 e.preventDefault();
 var link = $(this).attr('href');
 updatePrice(link);
});

тоесть в обработчике клика проверить - не кликнули ли это по нашей ссылке. И если кликнули то сразу выходим с положительным результатом, чтобы браузер обработал клик.

Comments

[Евгений Петров]

Вы можете объяснить, почему $('body'), а не $(document)?

Answer 3

[GreatRash]

У вас тут реализовано делегирование события. Просто напишите проверку если у кнопки есть определённый класс, то ничего не делать.

$('body').on('click', 'a[href]', function (e) {
  if ($(this).hasClass('select-city')) {
    return;
  }

  // бла-бла-бла
});

Answer 4

[Степан]

$(document).on('click', 'a[href]:not(a.select-city)', function (e) {
                e.preventDefault();
                var link = $(this).attr('href');
                updatePrice(link);
        })

Заработало только вот так вообще

Answer 5

[Евгений]

Читать внимательно и несколько раз

Answer 6

[keslo]

Если используется для установки события on(), то логично, что для снятия события использовать off() для начала. Или я не прав?