/ / Wie kann ich die Schaltfläche "Zurb Foundation" deaktivieren? - html5, button, hyperlink, zub-foundation, disable-link

Wie deaktiviert man die Schaltfläche "Zurb Foundation"? - html5, button, hyperlink, zub-foundation, disable-link

Ich habe einen Link in HTML mit erstellt Schaltfläche "Zurb-Stiftung" Klasse:

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

Sieht behindert aus, das ist toll. Ich kann aber trotzdem draufklicken und es bringt mich dazu /time_track/check_out! Ich habe sogar versucht, hinzuzufügen disabled="disabled" als ein Attribut für die a Tag, hat nicht geholfen.

Unterstützt die Schaltfläche "Zurb Foundation" die Funktion "deaktiviert"?Tasten? Auf der Seite, auf die oben Bezug genommen wurde, heißt es, dass Sie ".disabled" zu einer beliebigen Schaltfläche hinzufügen müssen und dass sie deaktiviert und deaktiviert wird. " Aber selbst die deaktivierte Probe-Schaltfläche ist anklickbar!

Antworten:

4 für die Antwort № 1

Wegen der Ausbreitung ist @Valency korrektDiese Anker unterstützen nicht deaktiviert = "deaktiviert" etwas in Richtung was unten ist mehr als den Trick. Ich frage mich jedoch, ob dies vielleicht zu Standard-Framework-Verhalten werden sollte.

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

2 für die Antwort № 2

Das Hinzufügen der deaktivierten Klasse funktioniert nur, wenn Sie einen Link zu aussehen wie eine deaktivierte Taste. "a" Links unterstützen nicht disabled="disabled".

Ohne Javascript können Sie das nicht stoppenVerbindung vom Drücken. Entweder konvertieren Sie es von einem "a" -Link zu einer Schaltfläche, oder erstellen Sie ein kurzes bisschen Javascript, um zu verhindern, dass es durchläuft, wenn die deaktivierte Klasse hinzugefügt wird.