Wie deaktiviere ich benutzerdefinierte Checkboxen in der Zurb Foundation?

Question

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 die custom Klasse in meinem form s aus anderen Gründen. Wie kann ich Foundation veranlassen, meine HTML-Checkboxen in Ruhe zu lassen?

Answer 1

Ich habe noch keine Foundation-Methode gefunden, dies ist das erste Mal, dass ich diese Anfrage gehört habe.

können Sie erreichen, was Sie wollen, indem Sie diese:

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

Answer 2

Die verkleinerte Version Gründungs ​​4 (foundation.min.js) umfasst 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 Ihrem Projekt und entfernen Sie die [type = "Checkbox"] Wähler aus der Leitung 39.

Vor Edit:

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

Nach Edit:

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

Nur hinzufügen die Teile der Stiftung, die Sie verwenden, zB foundation.reveal.js, foundation.abide.js. Das verhindert, dass Foundation 4 Ihre Formularelemente übernimmt.

Answer 3

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