Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript动态更改访问的链接颜色?_Javascript_Jquery_Cordova - Fatal编程技术网

如何使用javascript动态更改访问的链接颜色?

如何使用javascript动态更改访问的链接颜色?,javascript,jquery,cordova,Javascript,Jquery,Cordova,我使用jquery创建了动态列表(带有超链接的列表)。当我第一次单击该链接时,它将转到下一页。 我在单击链接时使用cookie保存链接值的索引。再次运行该应用程序 在onload中从cookie获取保存的索引值。使用该值更改特定链接的颜色。 现在我想再次运行该应用程序,该链接显示为红色,其他链接(未访问)显示为蓝色。 如何做到这一点 $(".sidemenu li ").click(function() { var index = $('li').index

我使用jquery创建了动态列表(带有超链接的列表)。当我第一次单击该链接时,它将转到下一页。 我在单击链接时使用cookie保存链接值的索引。再次运行该应用程序 在onload中从cookie获取保存的索引值。使用该值更改特定链接的颜色。 现在我想再次运行该应用程序,该链接显示为红色,其他链接(未访问)显示为蓝色。 如何做到这一点

   $(".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。提前感谢。哪里可以看到更新的小提琴?请给那个更新的提琴的链接。提前谢谢。谢谢你萨尔塔克·古普塔。非常感谢你的回复。我知道了。效果很好。