ドリルダウンメニュー「戻る」ボタンのカスタムテキスト

Question

データバックボタンを使用して、ドリルダウンメニューのテキストを変更することは可能ですか？ドリルダウンは？

例えば、ドリルダウンメニューのような作品：

そして、私はそのようなとして機能したいと思います：

私は、これは理にかなっていると私に知らせて願っています私が明確にすることができれば。あなたが提供できるどんな洞察にも感謝します。

Answer 1

あり、あなたがこれを行うことができますいくつかの方法がありますが、最も簡単にはこのようなものにするために私には思える：新しい一般的なバックボタンを設定するにはFoundations Drilldown optionsを使用）

1。例えばdata-back-button='<li class="js-drilldown-back"><a class="new-back"></a></li>'

これは、.js-drilldown-backでスタイリングを処理し、追加JavaScriptなしで戻るボタンとして機能させます。また、後でテキストを設定するために、新しいクラスをaに追加します。あなたはjQueryのを使用することができ、テキスト、このようなおそらく何か変更するには

2）：

$('.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：ユーザーがこの混乱を見つけることができるよう、メニューで前後に指すように同じラベルを使用して、いくつかの穏やかなユーザビリティ上の問題があります。特に、多くのレベルで。あなたはすでにこれを考慮しているかもしれませんが、私は完全性のためだけに言及します。