Question

我在我的Django项目中实现了类似按钮，一切正常，除了喜欢和不喜欢按钮在点击它们之后没有切换，要改变我必须刷新整个页面！如何在喜欢之后立即制作不喜欢的按钮，反之亦然？

这是代码

HTML

<p>
    <strong id="like_count">{{ post.likes }}</strong> people like this category

{% if user.is_authenticated %}
    <button id="likes" data-post_id="{{post.id}}"  class="btn btn-primary" type="button">
  <span class="glyphicon glyphicon-thumbs-up"></span>
        </button>

{% endif %}
</p>

JS

$('#likes').click(function(){
    var postid;
    postid= $(this).attr("data-post_id");
    $.get('/blog/like_post/', {post_id: postid}, function(data){
               $('#like_count').html(data);
               $('#likes').hide();
    });
});
$('#likes').click(function() {
    $('#display_advance').toggle('1000');
    $("i", this).toggleClass("glyphicon glyphicon-thumbs-down glyphicon glyphicon-thumbs-up");
});

谢谢

Answer 1

我认为您对i有疑问。这是什么？我在里面看不到.toggleClass("glyphicon glyphicon-thumbs-down glyphicon glyphicon-thumbs-up")标签。

其次，当你.toggleClass("glyphicon-thumbs-up") .toggleClass("glyphicon-thumbs-down")时，我认为你不应该同时列出大拇指和大拇指。相反，你应该有2个陈述 #likes

PS：它与Django无关，只是jquery PS2：为什么list上有2个连续点击事件？

Answer 2

我觉得简单到最好......在小提琴和实验中运行它。

<button id="acceptMe" onclick="hideAccept();">Accept</button>
<button id="rejectMe" onclick="hideReject();">Reject</button>

<script>
function hideAccept(){
document.getElementById("acceptMe").style.display="none";
document.getElementById("rejectMe").style.display="block";
}

function hideReject(){
document.getElementById("rejectMe").style.display="none";
document.getElementById("acceptMe").style.display="block";
}
</script>

如何切换＆＃34;像按钮＆＃34;在django中使用js

2 个答案: