Tajuk yang ditulis semula: Serlahkan pautan menu navigasi berdasarkan nama domain dan bukannya laluan, kecuali satu halaman

Question

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.

Answer 1

if (window.location.href == 'https://yourdomain.com/pages/pl-pro')
{
    $('#l1').removeClass ('current');
    $('#l2').addClass ('current');
}

.current
{
  background-color: green;
}

sssccc

Pure Luxury Beauty
PL Pro