jQuery: изменение класса кнопки с помощью вызова AJAX
Я создаю систему Like / Unlike, у меня есть кнопка, на которую похож класс, если я щелкаю по ней, данные вставляются в базу данных, и класс изменяется на непохожий.
И в отличие от предположения о вызове другого ajax-вызова, который удаляет фактическое значение like, но оно не работает, когда класс изменился, он преформирует то, что должен делать класс, и это работает, только если я обновляю страницу.
PHP-код
id.'">
Like
';
foreach ($user->likes as $likes) {
if($likes['liked_by'] == Session::get('sentry_user')) {
$like = '
Unlike
';
break 1;
}
}
echo $like;
?>
JQuery
$('button.like').bind('click', function(){
var likeId = $(this).data('like');
$.ajax({
url: siteUrl + 'profile/like',
type: "post",
data: {user_id: likeId},
dataType: "json",
context: this,
beforeSend: function()
{
$(this).addClass('disabled');
},
success: function(data)
{
if(data.status == "like") {
$(this).removeClass('like')
.addClass('unlike')
.append()
.html(' Unlike');
}
},
complete: function()
{
$(this).removeClass('disabled');
}
});
});
$('button.unlike').bind('click', function(){
var likeId = $(this).data('like');
alert('you are about to unlike');
})
просто сделал непохожее предупреждение для примера, чтобы проверить это, прежде чем я сделаю с ним вызов ajax.
Значит, кто-нибудь дал мне подсказку?