Rumah > Soal Jawab > teks badan
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粉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