gpt4 book ai didi

javascript - 如何在页面刷新后链接获得焦点

转载 作者:太空宇宙 更新时间:2023-11-04 04:28:26 24 4
gpt4 key购买 nike

我的问题是:当我点击一个按钮然后刷新页面时,我希望我的菜单清除以前访问过的链接(再次将它们变为正常),但将当前访问过的链接保留为 a:visited 在 css 中。

我认为这很简单,但我是网络编程的新手,所以我需要帮助。我找到了一种方法来做到这一点。但问题是它不起作用!这是我的代码:

< ul id="menuTop">
< li id="menu-link-1">
@Html.ActionLink("Home", "Index", null, null, new { id = "link-1-visited" }) < /li>
< li id="menu-link-2">
@Html.ActionLink("Produtos", "Products", null, null, new { id = "link-2-visited" }) < /li>
< li id="menu-link-3">
@Html.ActionLink("Fale Conosco", "ContactUs", null, null, new { id = "link-3-visited" }) < /li>
< li id="menu-link-4">
@Html.ActionLink("Quem Somos", "AboutUs", null, null, new { id = "link-4-visited" }) < /li>
< /ul>

这是我的按钮,让它们“被访问”的代码是:

$(document).ready(function() {
$('#link-1-visited').click(function() {
$("#menu-link-1").removeAttr("menu-link-1");
$(this).addClass('link-1-visited');
window.alert("test 1 !!");
});

$('#link-2-visited').click(function() {
$(this).addClass('link-1-visited');
window.alert("test 2 !!");
});

$('#link-3-visited').click(function() {
$(this).addClass('link-1-visited');
window.alert("test 3 !!");
});

$('#link-4-visited').click(function() {
$(this).addClass('link-1-visited');
window.alert("test 4 !!");
});
});

我的 CSS 代码是:

ul#menuTop li#menu-link-1 a {
background-image: url("../Content/images/Menu/menu-image-1-alt.png");
margin-right: 1px;
}

ul#menuTop li#menu-link-1 a:hover {
background-image: url("../Content/images/Menu/menu-image-1-hover.png");
margin-right: 1px;
}

.link-1-visited {
padding: 40px 20px 20px;
border-width: 3px;
border-bottom: 0px;
// more styles below...
}

ul#menuTop li a {
border: 3px #98fb98 solid;
border-bottom: 0px;
//more styles below...
}

ul#menuTop li a:hover {
padding: 40px 20px 20px;
border-width: 3px;
border-bottom: 0px;
border-style: solid;
//more styles below...
}

问题是我在 menu-link-1 中的代码不起作用。我想删除 ul 和 li css 并向其添加类“link-1-visited”。

关于我该怎么做,您有什么想法吗?

最佳答案

基本上您需要将链接设置为在您的 css 中保持一种颜色,所以 ...

a, a:visited { 
color: blue;
}

然后您只需在点击事件中使用 jQuery 更改颜色:

$("a").click(function() {
($this).css({"color":"white"});
});

只需更改值以适应您正在使用的内容,您就应该准备就绪。

对于您尝试执行的操作,请在此处查看 session 变量:Java session variables

关于javascript - 如何在页面刷新后链接获得焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17800409/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com