Rumah  >  Soal Jawab  >  teks badan

Tukar kelas butang lungsur selepas mengklik item lungsur dan muat semula halaman

<p>Saya cuba menukar kelas item butang lungsur turun selepas pengguna mengklik pada item dalam menu lungsur dan memuatkan semula halaman. </p> <p>Kod berikut adalah sah apabila halaman dimuat semula. </p> <pre class="brush:php;toolbar:false;">$(".dropdown-content").on("click", function() { $('.dropbtn').toggleClass('active'); });</pre> <p>Adakah terdapat sebarang pilihan storan tempatan yang boleh saya gunakan? Saya baru belajar mengenainya. </p> <p>Saya sedang menggunakan kod berikut untuk memanggil teks yang muncul dalam butang lungsur turun: </p> <pre class="brush:php;toolbar:false;">$(".dropbtn").text( localStorage.getItem("selected") ? localStorage.getItem("selected") : "Pautan yang membantu" ); $(".dropbtn").on("klik", fungsi () { $(".dropdown-content").toggleClass("open"); }); $(".dropdown-content a").on("klik", fungsi () { $(".dropbtn").text($(this).text()); localStorage.setItem("selected", $(this).text()); $(".dropdown-content").removeClass("open"); });</pre> <p>Terima kasih banyak kepada @RedApple atas bantuan. Ia berfungsi dengan baik - hanya tertanya-tanya sama ada kelas .dropbtn boleh ditetapkan kepada aktif dengan cara yang sama apabila item .drop-down-content diklik. </p> <p> Saya mencuba ini, tetapi saya rasa saya tidak menggunakannya dengan betul kerana .dropbtn tidak mengekalkan kelas aktif pada penyegaran halaman: </p> <pre class="brush:php;toolbar:false;">$(".dropdown-content").on("click", function() { localStorage.setItem("active", $('.dropbtn').toggleClass('active')); $('.dropbtn').toggleClass('aktif'); });</pre> <p><br /></p>
P粉877719694P粉877719694453 hari yang lalu533

membalas semua(1)saya akan balas

  • P粉063039990

    P粉0630399902023-08-18 13:17:57

    Saya rasa ini patut berjaya...

    let isBtnClicked = localStorage.getItem("isBtnClicked")
    ? localStorage.getItem("isBtnClicked")
    : false;
    $(".dropbtn").addClass(
    isBtnClicked
    ? "hovered" // 在这里填入您点击按钮的类名
    : ""
    );
    $(".dropbtn").text(
    localStorage.getItem("selected")
    ? localStorage.getItem("selected")
    : "Helpful Links"
    );
    $(".dropbtn").on("click", function () {
    $(".dropdown-content").toggleClass("open");
    isBtnClicked = !isBtnClicked;
    localStorage.setItem("isBtnClicked", isBtnClicked);
    });
    $(".dropdown-content a").on("click", function () {
    $(".dropbtn").text($(this).text());
    localStorage.setItem("selected", $(this).text());
    $(".dropdown-content").removeClass("open");
    });

    balas
    0
  • Batalbalas