Toggle event.preventDefault на основе имени класса

Question

Я хочу переключить метод preventDefault на основе имени класса элемента ссылки.

Пример:

<a href="#" class="myLink disabled">My link</a> 

//TO-DO: enable click only when link doesn't have disabled class 
$('.myLink').on('click', function() { 
    //DO SOME STUFF 
}); 

Answer 1

Вы можете связать событие на элемент, которые не имеют определенного класса. С помощью селектора :not() можно исключить элементы.

$('.myLink:not(.disabled)').on('click', function 

Если disabled класса применяются динамически, вы должны проверить, если щелкнуть ссылку иметь этот класс, используя hasClass().

$('.myLink').on('click', function(event) { 
    if ($(this).hasClass('disabled')) { 
     event.preventDefault(); 

     // return false; // Use when no action should be performed 
    } else { 
     // Handle event 
     ... 
    } 
}); 

Answer 2

Попробуйте это:

$(".myLink:not(.disabled)").on('click', function() { 
    //DO SOME STUFF 
}); 

Answer 3

<a href="#" class="myLink disabled">My link</a> 

//TO-DO: enable click only when link doesn't have disabled class 
$('.myLink').on('click', function(e) { 
    if ($(this).hasClass('disabled') { 
     e.preventDefault(); 
    } 
    // do thomething 
});