使用jquery永久更改元素

时间:2015-02-19 20:55:24

标签: jquery cookies

我有一个基本的点击功能,可以为一个元素添加一个类。它工作正常,但我希望该类在用户访问期间保持不变(即在用户离开页面并返回后,该类将被添加到元素中,而不会点击)。如上所述,你可以用cookies做到这一点,但如何?

$('#toursButtons li').click(function (){
    $(this).addClass("greyImage");
    console.log ( 'button was clicked' );
  });

1 个答案:

答案 0 :(得分:0)

不,你完全误解了AJAX,AJAX用于打开外部文件,你当然不需要它。

只做

$('#toursButtons li').click(function (){
    $(this).addClass("greyImage");
    console.log ( 'button was clicked' );
  });

这会将课程greyImage添加到元素#toursButtons li

然后如果你想让它成为他们每次用户再次访问页面而不点击,那么你可以使用cookies。

修改

使用Cookie

$(document).ready(function () {
        if(!$.cookie("setHeight"))
        {
           $('#toursButtons li').click(function (){
               $(this).addClass("greyImage");
               $.cookie("setHeight", "1");
           });
        }
        else
        {
           $("#toursButtons li").addClass("greyImage");
        }
    });