これは、簡単なGoogleで見つけたコードです。
<script type="text/javascript">
jQuery(function() {
jQuery('.primary-nav a').each(function() {
if (jQuery(this).attr('href') === window.location.pathname) {
jQuery(this).addClass('current');
}
});
});
</script>
これは、nav-links が class-name の要素にあり、フォーマットがCSSprimary-nav
の class-name で達成されることを前提としています。current
これは a-tags (href 属性を持つ) で機能するため、ボタンの設定方法によって異なります。(ボタンのように見えるようにフォーマットされた a-link の場合もあります。)
現在のページリンクをフォーマットするためにjqueryを検索しました
ボタンがリンクではなく、クリック イベントを使用して jQuery コードをトリガーし、ページの場所を変更する場合は、もう少し作業が必要です。現在のページのリンク/ボタンに ID を指定し、この ID を CSS でフォーマットする必要がある場合があります。ただし、これは、この ID をすべてのページの関連するボタンに追加する必要があることを意味します。