Как отключить обработчик событий jQuery?

Question

[grande2k]

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

<div class="pay-ways__tabs">
        <p data-tab="1" class="disabled">При получении</p>
	<p data-tab="2" class="tab-active">Онлайн</p>
</div>
<!-- Там дальше идут две формы с такими же data-tab атрибутами-->

А вот JS:

$('.delivery__tabs p').bind('click', function() {
		var dataTab = $(this).data('tab'),
			tabContent = $('.pay__body form[data-tab="'+dataTab+'"]');

		$('.pay__body form').removeClass('active');
		tabContent.addClass('active');

		$('.delivery__tabs p').removeClass('tab-active');
		$(this).addClass('tab-active');	
	});

	$('.delivery__tabs p.disabled').unbind('click');

Тут я методом .unbind() хотел убрать обратчик события 'click', для таба с классом 'disabled', но почему не убираеться.

Comments

[Ярослав Иванов]

Зачем для такой задачи jquery ?

[grande2k]

Ярослав Иванов, Весь проект на jquery

[Pashok Doom]

А так не подойдёт ?

$('.delivery__tabs p').not('.disabled').bind('click', function() {

[grande2k]

Pashok Doom, Пробовал, не получаеться

[MagnusDidNotBetray]

grande2k, а так?

$('.delivery__tabs p:not(.disabled)').bind('click', function() {

});

И как у элемента появляется класс disabled, он есть сразу в разметке?

[Ярослав Иванов]

grande2k, Попробуйте вместо bind -> one
https://api.jquery.com/one/
Вешает событие один раз.

[grande2k]

MagnusDidNotBetray, Да в разметке, в коде HTML показал же, ваш способ тоже не работает(

[MagnusDidNotBetray]

grande2k, работает, вот, покликайте по тексту

[grande2k]

MagnusDidNotBetray, С таким простеньким кодом конечно будет работать, я думаю дело в том что по клику на таб этому табы дается класс 'tab-active', надо просто давать его всем кроме таба с классом 'disabled', но .not() почему то не работает

[MagnusDidNotBetray]

grande2k, всё там работает, а если не работает - значит вы накосячили. Залейте свой код в песочницу, чтобы эти косяки было видно.

[ThunderCat]

grande2k,

но .not() почему то не работает

А взять console.log() и посмотреть что попало в выборку не судьба?

Answer 1

[zkrvndm]

Попробуйте так:

$('.delivery__tabs p').bind('click', function() {
    if (typeof delivery_tabs_p == 'undefined' ) {
        console.log('Обработчик работает');
    }
});

Пока переменная delivery_tabs_p не существует, обработчик работает.

Чтобы отключить обработчик, достаточно записать в переменную что-нибудь:
delivery_tabs_p = '1';
Понимаю, решение так себе, но зато можно не вникать, почему там обработчик не отменяется у вас.