Zurb Foundation 버튼을 비활성화하는 방법은 무엇입니까?

Question

나는 Zurb Foundation's button 클래스와 HTML에서 링크를 만들었습니다

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

을 사용하지 같은데, 그게 좋아요. 그러나, 나는 그것을 클릭 할 수 있고 /time_track/check_out에 나를 데려 간다! 심지어 a 태그에 속성으로 disabled="disabled"을 추가하려고 시도했지만 도움이되지 않았습니다.

Do Zurb Foundation 버튼은 비활성화 된 버튼을 지원합니까? 위에 언급 된 페이지는 "모든 버튼에 .disabled를 추가하면 모양이 보이고 작동하지 않게됩니다"라고 말합니다. 그러나 표시되는 샘플 비활성화 버튼조차도 클릭 할 수 있습니다!

Answer 1

앵커가 disabled = "disabled"를 지원하지 않는 전파 때문에 @ 아래의 내용을 따라 뭔가가 트릭을 수행합니다. 그러나 어쩌면 이것이 기본 프레임 워크 동작이되어야하는지 궁금합니다.

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

Answer 2

비활성화 된 클래스를 추가하는 것은 모두 스타일입니다. 에 대한 링크는 비활성화 된 버튼처럼으로 보입니다. 'a'링크는 disabled="disabled"을 지원하지 않습니다.

자바 스크립트가 없으면 링크가 눌러지지 않도록 할 수 없습니다. 'a'링크에서 버튼으로 변환하거나, 비활성화 된 클래스가 추가 될 때 자바 스크립트가 빠져 나가는 것을 막기 위해 빠른 비트를 사용하십시오.