/ / Custom Text for Drilldown Button Bouton "Retour" [Fondation 6] - zurb-foundation, zurb-foundation-6

Texte personnalisé pour le menu déroulant Bouton "Précédent" [Fondation 6] - zurb-foundation, zurb-foundation-6

Bien que je sache, je peux utiliser bouton retour de données pour changer le texte de mes menus déroulants, est-il possible de les modifier pour refléter ce que sont les parents de l'exploration?

Par exemple, le menu d'exploration fonctionne comme suit: Exemple 1

Et je voudrais qu'il fonctionne comme tel: Exemple 2

J'espère que cela a du sens et laissez-moi savoir si je peux clarifier. Merci pour toute idée que vous pouvez fournir.

Réponses:

5 pour la réponse № 1

Vous pouvez le faire de plusieurs manières, mais le plus simple me semble être le suivant:

1) utiliser Options de fondations de fondations pour définir un nouveau bouton de retour général. par exemple. data-back-button="<li class="js-drilldown-back"><a class="new-back"></a></li>"

Cela prend soin du style avec .js-drilldown-back et le fait fonctionner comme un bouton de retour sans JavaScript supplémentaire. Il ajoute également une nouvelle classe à la a pour une utilisation ultérieure, définir le texte.

2) Pour changer le texte, vous pouvez utiliser jQuery, peut-être quelque chose comme ceci:

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

Tout ce que cela fait est de parcourir la structure du menu pour découvrir le texte du lien d'origine, puis le copier sur le nouveau bouton de retour.

Cela devrait fonctionner pour tous les niveaux d'une analyse détaillée, comme dans cet exemple: http://codepen.io/tymothytym/pen/GWbXap

FYI: Il existe quelques problèmes de facilité d'utilisation avec l'utilisation des mêmes étiquettes pour pointer en avant et en arrière dans les menus car les utilisateurs peuvent trouver cela confus, en particulier avec de nombreux niveaux. Vous avez peut-être déjà considéré cela, je le mentionne uniquement pour être complet.