jQuery .attr('id') 返回空

Question

这是我的代码

    $('.sort').click(function(){
        console.log($(this).attr('id'));
        $.cookie('sortby', $(this).attr('id'), { expires: 25 });
        //window.location.reload(true);
    });

HTML

<button id="name" class="sort">Name</button> 
<button id="price" class="sort">Price</button> 
<button id="popular" class="sort">Popularity</button>

我的 cookie 最终为空，控制台显示为

popular
(an empty string)

似乎它正在获取正确的 id，但随后将其更改为 null 有什么建议吗？

Answer 1

在第二次调用中， $(this) 对象已更改范围。以下应该有效：

    $('.sort').click(function(){
        console.log($(this).attr('id'));
        var $this = $(this);
        $.cookie('sortby', $this.attr('id'), { expires: 25 });
        //window.location.reload(true);
    });

Answer 2

我认为那是因为当你提到“这个”时，你的内部cookie会尝试代替

$('.sort').click(function(){
    var id = $(this).attr('id')
    $.cookie('sortby', id, { expires: 25 });
});

Answer 3

不确定您的代码哪里出了问题，因为我无法重现该问题。

我会确保 $.cookie 库正在加载，并确保一切顺利。