我正在尝试使用 jQuery 和 AJAX 提交和处理表单。该表单用于喜欢/不喜欢按钮。当用户单击“喜欢/不喜欢”按钮时,表单被提交(我在JSFIDDLE中注释掉了我的 AJAX ),然后将表单更改为相反的内容并更改按钮文本。但是,由于某种原因,表单和按钮只会更改一次。我究竟做错了什么?我希望用户能够点击喜欢,然后不喜欢,如果他们愿意,可以再次喜欢。
我的代码:
$(".like-form").submit(function () {
var dataString = $(this).serialize();
var $this = $(this);
//Ajax that submits the form to like.php
$this.attr('class', 'unlike-form');
$this.find('.like-button').html('Unlike');
return false;
});
$(".unlike-form").submit(function () {
var dataString = $(this).serialize();
var $this = $(this);
//Ajax that submits the form to unlike.php
$this.attr('class', 'like-form');
$this.find('.like-button').html('Like');
return false;
});