什麼是我使用這種方式<strong>關注</strong>要進行跟蹤按鈕類似於Twitter跟隨按鈕

Question

我希望做一個按照Twitter之類的按鈕在JQuery中，JSON按照最佳方式和AJAX

：

$(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'); 
    } 
});