/ / Custom Text for Drilldown Menu "Back" Button [Fundament 6] - zurb-foundation, zurb-foundation-6

Niestandardowy tekst menu Drilldown Przycisk "Powrót" [Fundament 6] - zurb-foundation, zurb-foundation-6

Chociaż wiem, że mogę go użyć przycisk powrotu danych zmienić tekst w menu drążenia w dół, czy można je zmienić, aby odzwierciedlały one wszystko, co rodzice mają do wyboru?

Na przykład menu drążenia w dół działa jako takie: Przykład 1

I chciałbym, żeby to działało jako takie: Przykład 2

Mam nadzieję, że to ma sens i daj mi znać, jeśli potrafię wyjaśnić. Dziękuję za wszelkie informacje, które możesz podać.

Odpowiedzi:

5 dla odpowiedzi № 1

Jest kilka sposobów na zrobienie tego, ale najprościej wydaje mi się, że jest coś takiego:

1) Użyj Opcje odwiertów dla fundacji aby ustawić nowy ogólny przycisk powrotu. na przykład data-back-button="<li class="js-drilldown-back"><a class="new-back"></a></li>"

Dba o stylizację za pomocą .js-drilldown-back i sprawia, że ​​działa on jako przycisk Wstecz bez dodatkowego JavaScript. Dodaje także nową klasę do a do późniejszego wykorzystania, ustawiając tekst.

2) Aby zmienić tekst, możesz użyć jQuery, może coś takiego:

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

Wszystko to odbywa się po strukturze menu, aby dowiedzieć się, jaki był oryginalny tekst linku, a następnie kopiuje go do nowego przycisku wstecz.

To powinno działać na wszystkich poziomach drążenia w dół, jak w tym przykładzie: http://codepen.io/tymothytym/pen/GWbXap

FYI: Istnieje kilka łagodnych problemów związanych z użytecznością używania tych samych etykiet do wskazywania do przodu i do tyłu w menu, ponieważ użytkownicy mogą uznać to za mylące, szczególnie na wielu poziomach. Być może już to rozważałeś, wspominam o tym tylko dla kompletności.