Question

我想按照JQuery，Json和Ajax中的Twitter跟随按钮

我正在以这种方式使用关注：

 $(function() 
{
$("#follow").click(function(){
var content_id = $('#content_id').val();
var content_type = $('#content_type').val();

$.ajax({
type: "POST",
dataType: 'json',
url: "/memberactions/follow/",
async:false,
data:{content_id:content_id, content_type:content_type},
success: function(){
//$("#loading").ajaxComplete(function(){}).slideUp();
$('#follow').fadeOut(200).hide();
$('#unfollow').fadeIn(200).show();
}
});
return false;
});
});

这种方式取消关注

$(function() 
{
$("#unfollow").click(function(){
var I = $('#content_id').val();
var content_type = $('#content_type').val();

$.ajax({
type: "POST",
dataType: 'json',
url: "/memberactions/follow/",
async:false,
data:{content_id:content_id, content_type:content_type},
success: function(){
//$("#loading").ajaxComplete(function(){}).slideUp();
$('#unfollow').fadeOut(200).hide();
$('#follow').fadeIn(200).show();
}
});
return false;
});
});

这是隐藏关注按钮的最佳方式吗？有更好的方法吗？

或者在中添加属性喜欢

<a id="follow-an" href="#" following = "yes" >

我不希望在页面中隐藏关注按钮，以避免在同一页面中关注和取消关注这两个按钮，当他关注时，仅显示取消关注，并且当他不跟随时，关注按钮显示

Answer 1

我希望这就是你想要的：

<强> HTML：

<button id="button" data-following="false">Follow</button>

<强> JS：

$("#button").click(function(){
    if($(this).attr('data-following') == 'false'){
        $(this).attr('data-following', 'true');
        $(this).text('Unfollow');
    }else if($(this).attr('data-following') == 'true'){
        $(this).attr('data-following', 'false');
        $(this).text('Follow');
    }
});

什么是制作关注按钮的最佳方式像Twitter关注按钮

1 个答案: