使用jquery永久更改元素

Question

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

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

Answer 1

不，你完全误解了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");
        }
    });