/ / Спеціальний текст для дрилі-меню Кнопка "Назад" [Фонд 6] - zurb-foundation, zurb-foundation-6

Користувацький текст для дрилі-меню Кнопка "Назад" [Фонд 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: Існує кілька проблем, пов'язаних із зручною юзабілітістю, з використанням тих самих міток для переміщення вперед і назад у меню, оскільки користувачі можуть знайти це заплутане, особливо на багатьох рівнях. Ви, можливо, вже розглянули це, я згадую лише про повноту.