如何使用javascript动态更改访问的链接颜色?
我使用jquery创建了动态列表(带有超链接的列表)。当我第一次单击该链接时,它将转到下一页。 我在单击链接时使用cookie保存链接值的索引。再次运行该应用程序 在onload中从cookie获取保存的索引值。使用该值更改特定链接的颜色。 现在我想再次运行该应用程序,该链接显示为红色,其他链接(未访问)显示为蓝色。 如何做到这一点如何使用javascript动态更改访问的链接颜色?,javascript,jquery,cordova,Javascript,Jquery,Cordova,我使用jquery创建了动态列表(带有超链接的列表)。当我第一次单击该链接时,它将转到下一页。 我在单击链接时使用cookie保存链接值的索引。再次运行该应用程序 在onload中从cookie获取保存的索引值。使用该值更改特定链接的颜色。 现在我想再次运行该应用程序,该链接显示为红色,其他链接(未访问)显示为蓝色。 如何做到这一点 $(".sidemenu li ").click(function() { var index = $('li').index
$(".sidemenu li ").click(function() {
var index = $('li').index(this);
// alert(index);
checkCookie(index);
// saveid(index);
});
}
function checkCookie(index)
{
var linkindexvalue=index;
// alert(linkindexvalue);
setCookie("indexvalue",linkindexvalue,365);
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + value;
alert(document.cookie);
}
$(document).ready(function(){
var list=getCookie("indexvalue");
if(list=='1'){
alert(" ");
$(".sidemenu li").css("background-color","red");
}
});
function getCookie(c_name)
{
alert("hj");
var value = "";
var DocumentCookie = " " + document.cookie + ";";
var CookieSearchStr = " " + c_name + "=";
var CookieStartPosition = DocumentCookie.indexOf(CookieSearchStr);
var CookieEndPosition;
if (CookieStartPosition != -1) {
CookieStartPosition += CookieSearchStr.length;
CookieEndPosition = DocumentCookie.indexOf(";", CookieStartPosition);
value = unescape(DocumentCookie.substring(CookieStartPosition, CookieEndPosition));
}
return value;
}
请引导我
提前感谢实际上,有一种方法可以让您在页面中获得已访问的链接
包含后,您可以选择链接并使用新颜色附加一个类:
$('.sidemenu li a').visited().addClass('visited');
请注意,在这种情况下,您必须在
中添加一个,因为我不认为访问的功能严格地与锚上的链接相关,而不是单击列表项
如果相反,您需要使用cookies选项,请给我一些时间检查您的代码!:) 使用css:visted标记。否则,如果您想通过jquery不使用任何插件来实现,请查看我在JSFIDLE上的实现。Hai davide,谢谢您的回复。我已经使用了该插件。但是颜色没有改变。因此只有我会使用cookie。请告诉我如何使用该插件/cookies。提前谢谢。Hai sarthak gupta,我创建了一个动态列表(添加到中)。在您的代码中,使用指针值,该值在div中声明。在该位置,我将如何使用parcular链接的索引值(我使用$('li')。index(this);)。请指导我。提前感谢这里有两个方面:1。为单击的索引设置cookie,并在后续页面加载中检索它。2.设置已访问链接的css属性。我想你的第一件事就是工作正常。(是吗?)。对于第二部分,我需要精确的jquery代码的精确标记。好的,sarthak gupta。我将如何在onload中找到动态列表的索引值(每个超链接)。如果我在onload函数中找到该索引值,我将为该特定索引(链接的索引值)添加css。请帮助我如何找到该值并添加css。提前感谢。哪里可以看到更新的小提琴?请给那个更新的提琴的链接。提前谢谢。谢谢你萨尔塔克·古普塔。非常感谢你的回复。我知道了。效果很好。