国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

點(diǎn)擊下拉項(xiàng)后更改下拉按鈕的類,并重新加載頁(yè)面
P粉877719694
P粉877719694 2023-08-17 16:24:17
0
1
680
<p>我試圖在用戶點(diǎn)擊下拉菜單中的項(xiàng)目并重新加載頁(yè)面后,更改下拉按鈕項(xiàng)的類。</p> <p>以下代碼在頁(yè)面刷新時(shí)有效。</p> <pre class="brush:php;toolbar:false;">$(".dropdown-content").on("click", function() { $('.dropbtn').toggleClass('active'); });</pre> <p>是否有我可以使用的本地存儲(chǔ)選項(xiàng)?我剛剛了解到它。</p> <p>我目前正在使用以下代碼來(lái)調(diào)用出現(xiàn)在下拉按鈕中的文本:</p> <pre class="brush:php;toolbar:false;">$(".dropbtn").text( localStorage.getItem("selected") ? localStorage.getItem("selected") : "Helpful Links" ); $(".dropbtn").on("click", function () { $(".dropdown-content").toggleClass("open"); }); $(".dropdown-content a").on("click", function () { $(".dropbtn").text($(this).text()); localStorage.setItem("selected", $(this).text()); $(".dropdown-content").removeClass("open"); });</pre> <p>非常感謝@RedApple的幫助。它運(yùn)行良好 - 只是想知道當(dāng)點(diǎn)擊.dropdown-content a項(xiàng)時(shí),是否可以以類似的方式將.dropbtn類設(shè)置為active。</p> <p>我嘗試了這個(gè),但我認(rèn)為我沒(méi)有正確使用它,因?yàn)?dropbtn在頁(yè)面刷新時(shí)沒(méi)有保留active類:</p> <pre class="brush:php;toolbar:false;">$(".dropdown-content").on("click", function() { localStorage.setItem("active", $('.dropbtn').toggleClass('active')); $('.dropbtn').toggleClass('active'); });</pre> <p><br /></p>
P粉877719694
P粉877719694

全部回復(fù)(1)
P粉063039990

我認(rèn)為這應(yīng)該可以工作...

let isBtnClicked = localStorage.getItem("isBtnClicked")
? localStorage.getItem("isBtnClicked")
: false;
$(".dropbtn").addClass(
isBtnClicked
? "hovered" // 在這里填入您點(diǎn)擊按鈕的類名
: ""
);
$(".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");
});
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板