/ / ड्रिलडाउन मेनू के लिए कस्टम टेक्स्ट "बैक" बटन [फाउंडेशन 6] - ज़र्ब-फाउंडेशन, ज़र्ब-फाउंडेशन -6

ड्रिलडाउन मेनू के लिए कस्टम टेक्स्ट "बैक" बटन [फाउंडेशन 6] - ज़र्ब-फाउंडेशन, ज़र्ब-फाउंडेशन -6

कर 16 कर 16 कर 16 16 कर कर कर कर कर कर कर आ कर 16 16 कर कर 16 कर 16 कर 16 कर कर आ कर आ आ आ कर कर 16 आ कर आ कर 16 16 आ कर कर कर कर आ कर आ कर कर 16 आ कर 16 आ आ कर कर कर डेटा-बैक बटन मेरे ड्रिलडाउन मेनू पर पाठ को बदलने के लिए, ड्रिलडाउन के माता-पिता जो भी हो, उसे प्रतिबिंबित करने के लिए उन्हें बदलना संभव है?

उदाहरण के लिए, ड्रिलडाउन मेनू इस प्रकार काम करता है: उदाहरण 1

और मुझे यह पसंद है कि इस तरह कार्य करें: उदाहरण 2

मुझे उम्मीद है कि यह समझ में आता है और अगर मैं स्पष्टीकरण दे सकता हूं तो मुझे बताएं। किसी भी अंतर्दृष्टि के लिए धन्यवाद जो आप प्रदान कर सकते हैं।

उत्तर:

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

ऐसा कुछ तरीके हैं जो आप कर सकते हैं लेकिन सबसे सरल मुझे ऐसा कुछ ऐसा लगता है:

1) प्रयोग करें नींव ड्रिलडाउन विकल्प एक नया सामान्य बैक बटन सेट करने के लिए। जैसे data-back-button="<li class="js-drilldown-back"><a class="new-back"></a></li>"

यह स्टाइल का ख्याल रखता है .js-drilldown-back और यह अतिरिक्त जावास्क्रिप्ट के बिना बैक बटन के रूप में काम करता है। यह एक नई कक्षा भी जोड़ता है a बाद में पाठ को सेट करने के लिए उपयोग करें।

2) पाठ को बदलने के लिए आप jQuery का उपयोग कर सकते हैं, शायद इस तरह कुछ:

$(".new-back").each(function(){
var backTxt = $(this).parent().closest(".is-drilldown-submenu-parent").find("> a").text();
$(this).text(backTxt);
});

यह सब यह पता लगाने के लिए मेनू संरचना को खराब कर रहा है कि मूल लिंक टेक्स्ट क्या था, और उसके बाद इसे नए बैक बटन पर कॉपी करता है।

इस उदाहरण में ड्रिलडाउन के सभी स्तरों के लिए यह काम करना चाहिए: http://codepen.io/tymothytym/pen/GWbXap

जानकारी के लिए: मेन्यू में आगे और पीछे की ओर इशारा करने के लिए एक ही लेबल का उपयोग करने के साथ कुछ हल्के उपयोगिता चिंताओं हैं क्योंकि उपयोगकर्ता इसे भ्रमित कर सकते हैं, खासकर कई स्तरों के साथ। आप इसे पहले से ही मान चुके हैं, मैं केवल पूर्णता के लिए इसका उल्लेख करता हूं।