/ / Wie deaktiviere ich benutzerdefinierte Checkboxen in Zurb Foundation? - zurb-foundation

Wie deaktiviere ich benutzerdefinierte Checkboxen in Zurb Foundation? - zurb-foundation

Checkboxen sind aus vielen Gründen problematisch mit der neuesten Foundation (4.1.6). Gibt es eine einfache Möglichkeit, Foundation davon abzuhalten, sie zu übernehmen? Ich brauche das custom Klasse in meinem forms aus anderen Gründen. Wie kann ich Foundation veranlassen, meine HTML-Checkboxen in Ruhe zu lassen?

Antworten:

3 für die Antwort № 1

Ich habe noch nie einen Weg gefunden, dies zu tun, dies ist das erste Mal, dass ich diese Anfrage gehört habe.

Sie können erreichen, was Sie wollen, indem Sie dies tun:

// do this after you initialize foundation
$("form.custom").find("input[type="checkbox"]").each(function () {
$(this).removeClass("hidden-field");
$(this).next("span.custom.checkbox").remove();
});

2 für die Antwort № 2

Ein alter Beitrag, aber für jeden, der dies derzeit versucht, gibt es einen sehr einfachen Weg: data-customforms="disabled" funktioniert bei jeder benutzerdefinierten Eingabe, soweit ich das beurteilen kann.


0 für die Antwort № 3

Die verkleinerte Version der Stiftung 4 (Stiftung.min.js) beinhaltet foundation.forms.js. Was ich am besten fand, war, foundation.js manuell zu verkleinern und statt foundation.min.js zu verwenden. Fügen Sie foundation.forms.js in Ihr Projekt ein und entfernen Sie den Selektor [type = "checkbox"] aus Zeile 39.

Vor dem Bearbeiten:

$("form.custom input[type="radio"],[type="checkbox"]", $(this.scope))

Nach dem Bearbeiten:

$("form.custom input[type="radio"], $(this.scope))

Fügen Sie nur die Teile der Foundation hinzu, die Sie verwenden, z. B. foundation.reveal.js, foundation.abide.js. Das verhindert, dass Foundation 4 Ihre Formularelemente übernimmt.