使CSS和jQuery函数结果在页面刷新时保留
使CSS和jQuery函数结果在页面刷新时保留
提问于 2019-06-21 08:39:14
我在添加添加css的过程中，当它被点击时，字体会变成红色。正在对jQuery函数调用clicked事件。当单击人名时，我可以将字体变为红色，但当我刷新页面时，红色字体将恢复正常，并且css/jQuery不再起作用。有人能帮我弄清楚如何让css/jQuery在页面刷新时仍然存在吗？我想要红色字体，只有当用户再次点击它时，它才会恢复正常。
HTML/PHP
<td>
<span id="nameSpan" class="EmpName"><strong>
//Pulling in the name I want to click on
<?php echo $data['EmpName']; ?></strong></span>
</td>jquery
$( document ).ready(function() {
$('.EmpName').click(function() {
$(this).toggleClass('clicked');
});
});CSS
.clicked{
font: red;
font-weight: bold;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-21 09:02:34
您需要使用localStorage/cookie来存储值。下面是一个使用localStorage的示例。
$( document ).ready(function() {
var ls = window.localStorage;
var storeKey = 'item-clicked';
$('.EmpName').on('click', function() {
$(this).toggleClass('clicked');
if(ls)
{
var clicked = $(this).hasClass('clicked');
ls.setItem(storeKey, clicked ? 1 : 0);
}
});
var clicked = ls ? parseInt(ls.getItem(storeKey)) === 1 : false;
if(clicked)
{
$('.EmpName').trigger('click');
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56695499
复制相关文章
相似问题
腾讯云开发者
