/ / Como desabilitar as caixas de seleção personalizadas no Zurb Foundation? - zurb-foundation

Como desativar as caixas de seleção personalizadas no Zurb Foundation? - zurb-foundation

Caixas de seleção são problemáticas com a última versão (4.1.6) por vários motivos. Existe uma maneira fácil de desabilitar a Fundação? Eu preciso do custom classe na minha forms por outras razões. Como faço para a Foundation deixar minhas caixas de seleção HTML em paz?

Respostas:

3 para resposta № 1

Eu não encontrei uma forma Foundation de fazer isso, esta é realmente a primeira vez que eu ouvi esse pedido.

Você pode conseguir o que você quer fazendo isso:

// 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 resposta № 2

Um post antigo, mas para qualquer um que tente isso atualmente, há uma maneira muito fácil: data-customforms="disabled" funciona em qualquer entrada personalizada, tanto quanto eu posso dizer.


0 para resposta № 3

A versão minificada da fundação 4 (fundação.min.js) inclui o arquivo foundation.forms.js. O que descobri para funcionar melhor é minimizar o arquivo foundation.js manualmente e usá-lo em vez de foundation.min.js. Inclua foundation.forms.js em seu projeto e remova o seletor [type = "checkbox"] da linha 39.

Antes de editar:

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

Depois de editar:

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

Adicione apenas as partes da base que você usa, por exemplo, foundation.reveal.js, foundation.abide.js. Isso evitará que a fundação 4 assuma seus elementos de formulário.