/ / Come disabilitare le caselle di controllo personalizzate in Zurb Foundation? - zurb-foundation

Come disabilitare le caselle di controllo personalizzate in Zurb Foundation? - zurb-foundation

Le caselle di controllo sono problematiche con l'ultima base (4.1.6) per molte ragioni. C'è un modo semplice per disabilitare Foundation dal prenderli? ho bisogno di custom classe nel mio forms per altri motivi. Come posso convincere Foundation a lasciare le mie caselle di controllo HTML da sole?

risposte:

3 per risposta № 1

Non ho incontrato un modo per farlo in questo modo, questa è la prima volta che ho sentito questa richiesta.

Puoi ottenere ciò che vuoi facendo questo:

// 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 per risposta № 2

Un vecchio post, ma per chiunque provi questo al momento, c'è un modo molto semplice: data-customforms="disabled" funziona su qualsiasi input personalizzato per quanto posso dire.


0 per risposta № 3

La versione minificata della fondazione 4 (fondazione.min.js) include foundation.forms.js. Quello che ho trovato per funzionare meglio è minify foundation.js manualmente e utilizzare questo invece di foundation.min.js. Includi foundation.forms.js nel tuo progetto e rimuovi il selettore [type = "checkbox"] dalla riga 39.

Prima di Modifica:

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

Dopo la modifica:

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

Aggiungi solo le parti di fondazione che usi i.e. foundation.reveal.js, foundation.abide.js. Ciò impedirà alle fondamenta 4 di prendere in carico gli elementi del tuo form.