如何在点击后更改超链接的颜色并在重新加载页面后保持颜色?

时间:2015-05-14 07:21:18

标签: jquery

我的下拉菜单中有超链接,当我点击它时,我想更改某些超链接的颜色。我的代码有效,但当此链接指向另一个页面(=重新加载页面)时,此颜色更改消失,它不起作用。

示例:

1. <a href="#">this works</a>
2. <a href="/contact">doesn't work</a>

我的代码enter link description here

HTML

<div id="menu">
    <li><a href="#">Item1</a>
        <div class="submenu">
            <a href="#">SubItem1</a>  
            <a href="#">SubItem2</a>          
        </div>
    </li>
    <li><a href="#">Item2</a></li>
    <li><a href="#">Item3</a></li>
    <li><a href="#">Item4</a></li>
<li><a href="#">Item5</a></li>
</div>

的jQuery

$(function(){
    $("#menu a").bind("click", function(){
        $("#menu a").removeClass("menuCSSlbl");
        $(this).addClass("menuCSSlbl");
    });
});

1 个答案:

答案 0 :(得分:0)

另一种解决方法(我认为你可以使用它)是使用css Dim var As Variant Dim rng As Range Dim thing As Variant Set rng = Range("a1") If rng.CountLarge = 1 Then ReDim var(1 To 1, 1 To 1) var(1, 1) = rng.Value2 Else var = rng.Value2 End If For Each thing In var MsgBox thing Next thing 。评论您的js代码并尝试使用:

:active

您可以将伪选择器分别设置为每个锚点,因此在这种情况下它可能很有用。

请记住,如果用户删除了导航历史记录,则会清除#menu a:link { color: blue; } /** link */ #menu a:visited { color: purple; } /** visited, this is what you are looking for */ #menu a:hover { text-decoration: underline; } /** onhover */ #menu a:active { color: #666; } /** onmousedown */ 元素。

是的,另一种解决方法是根据您的需要使用cookies或localStorage。