/ / Comment désactiver les cases à cocher personnalisées dans Zurb Foundation? - zurb-foundation

Comment désactiver les cases à cocher personnalisées dans Zurb Foundation? - zurb-foundation

Les cases à cocher sont problématiques avec la dernière fondation (4.1.6) pour de nombreuses raisons. Existe-t-il un moyen facile de désactiver Foundation de les prendre en charge? J'ai besoin de custom classe dans mon forms pour d'autres raisons. Comment puis-je obtenir la Fondation pour laisser mes cases à cocher HTML seules?

Réponses:

3 pour la réponse № 1

Je n'ai pas rencontré de méthode de la Fondation, c'est en fait la première fois que j'ai entendu cette demande.

Vous pouvez réaliser ce que vous voulez en faisant ceci:

// 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 pour la réponse № 2

Un ancien message mais pour ceux qui essayent actuellement, il existe un moyen très simple: data-customforms="disabled" fonctionne sur n'importe quelle entrée personnalisée pour autant que je puisse dire.


0 pour la réponse № 3

La version réduite de la fondation 4 (fondation.min.js) inclut foundation.forms.js. Ce que j’ai trouvé le mieux, c’est de minimiser manuellement foundation.js et de l’utiliser à la place de foundation.min.js. Incluez foundation.forms.js dans votre projet et supprimez le sélecteur [type = "checkbox"] de la ligne 39.

Avant de modifier:

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

Après l'édition:

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

N'ajoutez que les parties de base que vous utilisez, par exemple foundation.reveal.js, foundation.abide.js. Cela empêchera la fondation 4 de prendre en charge vos éléments de formulaire.