/ / Jak wyłączyć niestandardowe pola wyboru w Zurb Foundation? - zurb-foundation

Jak wyłączyć niestandardowe pola wyboru w Zurb Foundation? - zurb-foundation

Checkboxes są problematyczne z najnowszą podstawą (4.1.6) z wielu powodów. Czy istnieje prosty sposób na wyłączenie Fundacji od ich przejęcia? potrzebuję custom klasa w moim forms z innych powodów. Jak mogę uzyskać, aby Fundacja zostawiła moje pola wyboru w trybie HTML sam?

Odpowiedzi:

3 dla odpowiedzi № 1

Nie spotkałem się z metodą Fundacji, to jest pierwszy raz, kiedy usłyszałem tę prośbę.

Możesz osiągnąć to, co chcesz, wykonując to:

// 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 dla odpowiedzi nr 2

Stary post, ale dla każdego, kto próbuje to teraz, jest bardzo prosty sposób: data-customforms="disabled" działa na dowolne wejście niestandardowe, o ile wiem.


0 dla odpowiedzi № 3

Zminimalizowana wersja fundamentu 4 (fundament.min.js) zawiera plik foundation.forms.js. Najlepszym rozwiązaniem jest ręczne zminimalizowanie pliku foundation.js i użycie go zamiast pliku foundation.min.js. Dołącz projekt foundation.forms.js do swojego projektu i usuń selektor [type = "checkbox"] z wiersza 39.

Przed edycją:

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

Po edycji:

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

Dodaj tylko części fundamentu, których używasz, np. Foundation.reveal.js, foundation.abide.js. To uniemożliwi fundamentowi 4 przejęcie elementów formularza.