/ / Custom Text for Drilldown Menu "Back" Tlačidlo [Foundation 6] - zurb-foundation, zurb-foundation-6

Custom Text for Drilldown Menu "Back" Tlačidlo [Foundation 6] - zurb-foundation, zurb-foundation-6

Aj keď viem, že môžem použiť -Back-tlačidlo dát Ak chcete zmeniť text na mojej ponuke, je možné ich zmeniť tak, aby odrážali to, čo robia rodičia?

Napríklad ponuka vyskakovacieho menu funguje takto: Príklad 1

A ja by som rád fungoval ako taký: Príklad 2

Dúfam, že to dáva zmysel a dajte mi vedieť, či môžem objasniť. Ďakujeme za akékoľvek informácie, ktoré môžete poskytnúť.

odpovede:

5 pre odpoveď č. 1

Existuje niekoľko spôsobov, ako to urobiť, ale najjednoduchšie sa mi zdá byť niečo takéto:

1) Použite Nadácie možnosti Drilldown nastaviť nové všeobecné tlačidlo späť. napr. data-back-button="<li class="js-drilldown-back"><a class="new-back"></a></li>"

To sa stará o styling s .js-drilldown-back a funguje ako spätné tlačidlo bez ďalšieho JavaScript. Tiež pridáva novú triedu do a pre neskoršie použitie nastavenie textu.

2) Ak chcete zmeniť text, môžete použiť jQuery, možno niečo takéto:

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

Toto všetko robí, je zrútiť štruktúru menu zistiť, čo pôvodný text odkazu, a potom skopírovať na nové tlačidlo späť.

Táto funkcia by mala fungovať pre všetky úrovne vŕtania ako v tomto príklade: http://codepen.io/tymothytym/pen/GWbXap

FYI: Existuje niekoľko miernych problémov týkajúcich sa využiteľnosti s použitím tých istých označení, ktoré smerujú dopredu a dozadu v ponukách, pretože používatelia môžu nájsť toto mätúce, najmä na mnohých úrovniach. Možno ste to už zvážili, spomínam len na úplnosť.