/ / Custom Text for Drilldown Меню "Назад" [Foundation 6] - zurb-foundation, zurb-foundation-6

Персонализиран текст за натискане на менюто "Назад" [Foundation 6] - zurb-foundation, zurb-foundation-6

Докато знам, че мога да използвам данни за обратно бутон за да променяте текста на моите разходни менюта, възможно ли е да ги промените, за да отразявате каквито и да са родителите на скитничеството?

Например, менюто за пробиване работи така: Пример 1

И аз бих искал да функционира така: Пример 2

Надявам се, че това има смисъл и да ме уведомите, ако мога да изясня. Благодарим Ви за всички прозрения, които можете да предоставите.

Отговори:

5 за отговор № 1

Има няколко начина, по които можете да направите това, но най-ясният ми се струва нещо подобно:

1) Използвайте Опции за създаване на фондации за да зададете нов общ бутон за връщане. например data-back-button="<li class="js-drilldown-back"><a class="new-back"></a></li>"

Това се грижи за стила с .js-drilldown-back и го прави да работи като бутон за връщане без допълнителен JavaScript. Той също така добавя нов клас към 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

FYI: Има няколко леки опасения за ползваемост с използването на едни и същи етикети за насочване напред и назад в менютата, тъй като потребителите могат да намерят това объркване, особено на много нива. Може би вече сте обмисляли това, споменавам го само за пълнота.