/ / ¿Cómo deshabilitar las casillas de verificación personalizadas en la Fundación Zurb? - zurb-fundación

¿Cómo deshabilitar las casillas de verificación personalizadas en la Fundación Zurb? - zurb-fundación

Las casillas de verificación son problemáticas con la última Fundación (4.1.6) por muchas razones. ¿Hay alguna manera fácil de deshabilitar que Foundation se haga cargo de ellos? Necesito el custom clase en mi forms por otras razones. ¿Cómo hago que Foundation deje mis casillas de verificación HTML solo?

Respuestas

3 para la respuesta № 1

No he encontrado una manera de hacerlo de la Fundación, esta es la primera vez que escucho esta solicitud.

Puedes lograr lo que quieras al hacer esto:

// 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 para la respuesta № 2

Una publicación anterior pero para cualquiera que intente esto actualmente, hay una manera muy sencilla: data-customforms="disabled" funciona en cualquier entrada personalizada por lo que puedo decir.


0 para la respuesta № 3

La versión miniaturizada de la fundación 4 (fundación.min.js) incluye foundation.forms.js. Lo que encuentro que funciona mejor es miniatizar foundation.js manualmente y usar esto en lugar de foundation.min.js. Incluya foundation.forms.js en su proyecto y elimine el selector [type = "checkbox"] de la línea 39.

Antes de Editar:

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

Después de Editar:

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

Agregue solo las partes de la base que utiliza, por ejemplo, foundation.reveal.js, foundation.abide.js. Eso evitará que Foundation 4 tome el control de los elementos de tu formulario.