无法将状态保存在 cookie 中

Question

我有一个简单的用例，当用户选择特定选项卡时，我会更改 li 元素的背景颜色。我想要的是即使刷新页面也能保持背景颜色的状态。

我一直在尝试通过 jquery cookie https://github.com/carhartl/jquery-cookie 执行此操作，但它似乎不起作用。

我正在使用 cofeescript 执行此操作，这是我的代码：-

 jQuery ->
    $('.left-vertical-menu-elements li a').click ->
        $.cookie('lastclicked', @id)
        $(@).closest('li').addClass('active').siblings().removeClass('active')

        if($.cookie('lastclicked', @id))
            $(@).closest('li'.addClass('active'))
            $.cookie('lastclicked', null)

HTML :-

%ul
            %li{:class => "active"}=link_to "Games Playing", "#",:id =>"playing-link "
            %li=link_to "Games Played", "#",:id =>"played-link"
            %li=link_to "Followers", "#",:id =>"followers-link"
            %li=link_to "Following", "#",:id =>"following-link"
            %li=link_to "References", "#",:id =>"refrences-link"
            %li=link_to "Notifications", "#",:id =>"notifications-link"

我添加了alert($.cookie('lastclicked')) 以查看cookie 是否存储了最后点击元素的ID，这似乎给出了正确的结果。`

我已将jquery.cookie.js 文件包含在我的应用程序中，但它似乎不起作用。

Answer 1

您的代码有一些错误。

1. 在 CoffeeScript 中的 if 语句上使用大括号是一种语法错误。
2. 说if('lastclicked') 毫无意义，字符串总是正确的。
3. $.cookie('lastclicked') 返回一个字符串和字符串，你不能把字符串当作 jQuery 对象。

我想你想要更多这样的东西：

jQuery ->
    $('.left-vertical-menu-elements li a').click ->
        $.cookie('lastclicked', @id)
        $(@).closest('li').addClass('active').siblings().removeClass('active')

我还将您的 this 切换为 @，因为 @ 在 CoffeeScript 中更为惯用。