Как отключить кнопку Zurb Foundation?

Question

Я создал ссылку в HTML с Zurb Foundation's button класса:

<a href="/time_track/check_out" class="large button disabled">Check-out</a> 

кажется отключен, это здорово. Тем не менее, я все еще могу щелкнуть по нему, и он доведёт меня до /time_track/check_out! Я даже попытался добавить disabled="disabled" в качестве атрибута в тег a, не помогло.

Кнопки Zurb Foundation поддерживают отключенные кнопки? На приведенной выше странице говорится, что все, что вам нужно сделать, это «добавить .disabled к любой кнопке, и она будет выглядеть и действовать отключена». Тем не менее, даже кнопка с отключенным образцом, которую они показывают, является интерактивной!

Answer 1

Из-за распространения @Valency правильна, что якоря не поддерживают disabled = «отключено» что-то в соответствии с строками ниже, чем трюк. Однако мне интересно, возможно, это должно стать поведением по умолчанию.

$('.disabled').click(function(e){ 
    return false; 
}); 

Answer 2

Все добавление отключенного класса делает стиль ссылки на посмотреть как отключенная кнопка. Ссылки 'a' не поддерживают disabled="disabled".

Без javascript вы не сможете остановить эту ссылку от нажатия. Либо преобразуйте его из ссылки «a» на кнопку, либо взломайте бит javascript, чтобы он не перешел, когда добавлен класс отключен.