Le caselle di controllo sono problematiche con l'ultima versione (4.1.6) per molte ragioni. C'è un modo semplice per disabilitare Foundation dal prenderli? Ho bisogno della classe custom nei miei form s per altri motivi. Come posso convincere Foundation a lasciare le mie caselle di controllo HTML da sole?Come disattivare le caselle di controllo personalizzate in Zurb Foundation?
Non ho riscontrato un modo per farlo, questa è la prima volta che ho sentito questa richiesta.
È possibile ottenere ciò che si vuole in questo modo:
// do this after you initialize foundation
$("form.custom").find('input[type="checkbox"]').each(function() {
$(this).removeClass('hidden-field');
$(this).next('span.custom.checkbox').remove();
});
La versione minified di fondazione (4 foundation.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. Includere foundation.forms.js nel progetto e rimuovere il [type = "checkbox"] selettore dalla linea 39.
Prima Edit:
$('form.custom input[type="radio"],[type="checkbox"]', $(this.scope))
Dopo Edit:
$('form.custom input[type="radio"], $(this.scope))
aggiungere solo le parti di fondotinta che usi, ad esempio foundation.reveal.js, foundation.abide.js. Ciò impedirà alle fondamenta 4 di prendere in carico gli elementi del tuo form.
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.
Questa dovrebbe essere la risposta corretta. – santa