0

使用以下内容,我允许用户右键单击链接以在新选项卡/窗口中打开。我希望链接将颜色更改为紫色以显示它已被访问。问题是当用户刷新页面时,我无法让链接颜色保留紫色属性。还有一个问题是保持“a.advanced”等链接不改变颜色。

//Sets anchor link color to purple when right clicked and opened as new tab/window. 
$(document).on("mousedown", "a",

function (e) {
    if (e.button == 2) {
        $(this).css("color", "purple");
        return false;
    }
    return true;
});

//sets color of visited anchor links to purple.

$('a:visited').css("color", "#416b99");

//Keeps navigation items white when user right clicks to open in a new tab/window.
$(document).on("mousedown", "a.nav-item, a.advanced, a.user-support, a.user-myknovel, a.user-welcome",

function (e) {
    if (e.button == 2) {
        $(this).css("color", "white");
        return false;
    }
    return true;
});
4

1 回答 1

0

默认情况下,当您单击链接时,浏览器会将链接的颜色更改为紫色。在您清除缓存之前,它将显示为紫色。

我想你的问题是

您在某个函数中应用 css。因此,当您刷新页面时,除非您调用该函数,否则不会应用样式。

尝试移动

一个:访问{颜色:#416b99; }

部分到 css 文件。

如果它不起作用,请将您的标记和 css 和脚本

a:visited {
            color: green;
        }

<a href="#">Link</a>

这完美地工作。无论您是否右键单击,浏览器都会检测到访问过的链接,直到您清除缓存。

于 2013-10-07T16:10:04.873 回答