在我的母版页上,我将 CSS 应用于 Accordion 面板中选定的链接。但是一旦我点击按钮页面刷新,我就失去了我的CSS。无论如何,我们仍然可以在页面刷新后保留应用于所选链接的类(或突出显示所选链接)吗?
$(document).ready(function () {
$('#accordian li').click(function () {
var href = $(this).addClass("active1").children("a").attr("href");
});
});
最佳答案
试试这个
$(document).ready(function() {
var key = 'clickedHref';
$("#clearButton").click(function() {
localStorage.setItem(key, null);
});
$('#accordian li').click(function() {
$("#accordian li").removeClass("active1");
var href = $(this).addClass("active1").children("a").attr("href");
localStorage.setItem(key, href);
});
var clickedHref = localStorage.getItem(key);
if (clickedHref !== null) {
var a = $('#accordian li a[href="' + clickedHref + '"]');
if (a.length) {
a.trigger("click");
}
}
});
CSS:
.active1 a{
font-weight:bold;
}
html:
<ul id="accordian">
<li>
<a href="?a=1">a1</a>
</li>
<li>
<a href="?a=2">a2</a>
</li>
</ul>
<button id='clearButton'>clear</button>
关于javascript - 如何在页面刷新后使用jquery应用CSS(刷新前Assing the CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36904979/