Geklikte element na AJAX stylen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Yoeri Achterbergen

Yoeri Achterbergen

03/05/2020 17:31:10
Quote Anchor link
Hallo,


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)
PHP script in nieuw venster Selecteer het PHP script
1
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");
    }
  });
});
 
PHP hulp

PHP hulp

10/07/2020 23:44:29
 
Adoptive Solution

Adoptive Solution

03/05/2020 18:32:05
Quote Anchor link
Zoiets ?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$("#thebtn").css("background-color", "purple");


Lijkt op dit :

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_css_setcolor
 
Thomas van den Heuvel

Thomas van den Heuvel

03/05/2020 19:13:06
Quote Anchor link
Volgens mij zou de opzet in de post van @Yoeri moeten werken. Heb je met een element inspector gecontroleerd of er iets verandert? Misschien wordt de CSS wel toegepast, maar zie je het resultaat (paarse achtergrond) hiervan om een of andere reden niet.
 
Jeroen van Rensen

Jeroen van Rensen

03/05/2020 21:09:41
Quote Anchor link
Ben je jQuery aan het gebruiken?
 
Yoeri Achterbergen

Yoeri Achterbergen

03/05/2020 22:46:56
Quote Anchor link
Heb het dingetje gevonden. Ik heb 3 statements in jQuery en deze voldeed niet aan de conditie waardoor de css niet veranderde.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.