Question

我的代码如下https://jsfiddle.net/mdwxbppd/

<span class="glyphicon glyphicon-triangle-top col-md-12" aria-hidden="true"></span><br />
<span class="col-md-12" style="height: 1px; font-family: 'Passion One', cursive; bottom: 10px; padding-left: 0.01em;">
    <h4 id="vote_count_{{ post.slug }}">
        {{ post.get_vote_count }}
    </h4>
</span><br>
<span class="glyphicon glyphicon-triangle-bottom col-md-12" aria-hidden="true"></span>

我试图在单击每个按钮时实现切换颜色的按钮。我试过了，但每当我刷新页面时，颜色都会恢复到原来的状态，直到它应该保持不变，直到我点击另一个箭头（因为它们切换）。任何帮助都将受到高度赞赏。

这是我尝试的内容：

<script>
$(document).ready(function(){
    $('.glyphicon').click(function(){
        $('.glyphicon').css('color', '#333');
        $(this).css('color', '#10fd01');
    });
});
</script>

Answer 1

我不确定，这就是你要找的东西，但如果是的话，试试这个：

$(document).ready(function(){
    if($.cookie("arrow1")){
         //$('#arrow1').toggleClass... or whatever
    }
    $('span.glyphicon').click(function(e){
        $.cookie(e.target.id, true);
        //e.target.toggle class, e.target.style.color =... or whatever
    });
});

切换两个箭头的颜色

1 个答案: