我有一个Ajax表单提交工作正常,但我想添加一个“成功”类来向用户表明请求已完成时,用户选中或取消选中一个框。我试过几件事情至今:Ajax成功后的jQuery addClass/removeClass
$(".box").change(function() {
var id=$(this).val();
var dataString = "id=" + id + "&crudtype=myapp";
var clickedObj = $(this).parent().parent();
$.ajax({
type: "POST",
url: "/myphppage",
data: dataString,
cache: false,
success: function() {
var oldClass = clickedObj.attr("class");
clickedObj.fadeIn(1400, function() {
clickedObj.removeClass(oldClass);
clickedObj.addClass("updated");
});
clickedObj.fadeOut(1400, function() {
clickedObj.removeClass("updated");
clickedObj.addClass(oldClass);
});
}
});
});
那一个确实适用“更新”级,但实际上淡出删除数据的整行(父()父()是标签,我“M定位)。
$(".box").change(function() {
var id=$(this).val();
var dataString = "id=" + id + "&crudtype=myapp";
var clickedObj = $(this).parent().parent();
$.ajax({
type: "POST",
url: "/myphppage",
data: dataString,
cache: false,
success: function() {
var oldClass = clickedObj.attr("class");
clickedObj.removeClass(oldClass);
clickedObj.addClass("updated", 1000);
clickedObj.removeClass("updated", 1000);
clickedObj.addClass("updated");
}
});
});
我也尝试过这一点,但所发生的一切是它(显然)删除现有的类,添加了新的,然后马上做同样的事情在反向因此新类从未见过。看起来尽管事实上我在这个站点上运行jQueryUI,1000延迟仍然被忽略。
感谢任何人谁可以帮助!
编辑:添加的HTML代码:
+0
你能还发布HTML? –
2014-09-10 21:38:48
+0
哎呀,对不起 - 完成了。 –
2014-09-10 21:52:32