cari

Rumah  >  Soal Jawab  >  teks badan

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

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.

P粉517475670P粉517475670287 hari yang lalu354

membalas semua(1)saya akan balas

  • P粉792026467

    P粉7920264672024-03-21 10:04:37

    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
    

    balas
    0
  • Batalbalas