/ / ज़र्ब फाउंडेशन में कस्टम चेकबॉक्स कैसे अक्षम करें? - ज़र्ब-फाउंडेशन

ज़र्ब फाउंडेशन में कस्टम चेकबॉक्स कैसे अक्षम करें? - ज़र्ब-फाउंडेशन

कई कारणों से नवीनतम फाउंडेशन (4.1.6) के साथ चेकबॉक्स समस्याग्रस्त हैं। क्या फाउंडेशन को उन्हें लेने से अक्षम करने का कोई आसान तरीका है? मुझे ज़रूरत है custom मेरी कक्षा में formअन्य कारणों से है। मैं अपने एचटीएमएल चेकबॉक्स अकेले छोड़ने के लिए फाउंडेशन कैसे प्राप्त करूं?

उत्तर:

जवाब के लिए 3 № 1

मुझे ऐसा करने का एक फाउंडेशन तरीका नहीं मिला है, यह वास्तव में पहली बार है जब मैंने यह अनुरोध सुना है।

आप यह करकर जो चाहते हैं उसे प्राप्त कर सकते हैं:

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

एक पुरानी पोस्ट लेकिन वर्तमान में इस कोशिश करने वाले किसी के लिए, एक बहुत ही आसान तरीका है: data-customforms="disabled" जहां तक ​​मैं कह सकता हूं किसी भी कस्टम इनपुट पर काम करता है।


जवाब के लिए 0 № 3

नींव 4 का न्यूनतम संस्करण (नींव।min.js) foundation.forms.js शामिल हैं। जो मैंने सबसे अच्छा काम करने के लिए पाया वह है नींव.जेएस को मैन्युअल रूप से कम करना और foundation.min.js के बजाय इसका उपयोग करना। अपनी परियोजना में foundation.forms.js शामिल करें और लाइन 39 से [type = "checkbox"] चयनकर्ता को हटा दें।

संपादित करने से पहले:

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

संपादित करने के बाद:

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

केवल नींव के कुछ हिस्सों को जोड़ें जिन्हें आप i.e. foundation.reveal.js, foundation.abide.js का उपयोग करते हैं। इससे नींव 4 को आपके फॉर्म तत्वों को लेने से रोका जाएगा।