Geklikte element na AJAX stylen
Als je op een element klikt wat de AJAX call activeert dan wil ik na succes van de AJAX call dit element anders stylen.
Ik heb al iets geprobeerd maar kom er niet helemaal uit.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
$('.button-ac').click(function(event){
event.preventDefault();
var thebtn = $(this);
$.ajax({
url: de url,
method: "post",
'success': function(data) {
thebtn.css("background-color", "purple");
}
});
});
event.preventDefault();
var thebtn = $(this);
$.ajax({
url: de url,
method: "post",
'success': function(data) {
thebtn.css("background-color", "purple");
}
});
});
Code (php)
1
$("#thebtn").css("background-color", "purple");
Lijkt op dit :
https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_css_setcolor
