Saya mempunyai dua pautan navigasi dalam menu di bahagian atas tapak Shopify saya. Menu dibuat/diedit dalam tetapan navigasi pentadbir. Saya memerlukan pautan menu untuk #1 untuk kekal diserlahkan pada setiap halaman tapak kecuali pada halaman #2.

Cecairnya kelihatan seperti ini:

<span class="inline-menu">
{% for link in linklists[section.settings.menu].links %}
<a class="inline-menu__link" href="{{ link.url }}">{{ link.title }}</a>
{% endfor %}
</span>

Kemudian html itu diberikan seperti berikut:

<span class="inline-menu">
<a class="inline-menu__link" href="/">Pure Luxury Beauty</a>
<a class="inline-menu__link" href="/pages/pl-pro">PL Pro</a>
</span>

Javascript ini membawa saya sebahagiannya ke sana, tetapi jika saya menavigasi keluar dari halaman utama, saya kehilangan kelas "semasa".

$(function() {
  $("a").each(function() {
    if ($(this).prop("href") == window.location.href) {
      $(this).addClass("current");
    }
  });
});

Saya sedang mencari cara untuk mengekalkan kelas "semasa" pada pautan pertama pada setiap halaman tapak dan kemudian hanya beralih ke pautan kedua apabila berada di halaman tersebut.