J'ai fait un composant de carte personnalisé avec HTML ordinaire et CSS. Ceci est mon code pour HTML: et ceci est mon code CSS pour le style: p> Le composant de la carte est bon. Maintenant, je veux ajouter une classe active à l'article. J'ai fait un vol stationnaire et quand je clique sur l'article et je veux que la couleur de la survolte reste (active). P> Ceci est mon code JQuery: p> $(document).ready(function(){
$('item').click(function(){
$('item').removeClass("active");
$(this).addClass("active");
});
});
3 Réponses :
Vous manquez le point de la classe de classe
Deux choses que vous devez corriger
1. Votre sélecteur d'événements de jQuery Cliquez sur DOT manquante pour la classe p> élément code>
2. Vous devez ajouter une classe active code> dans le CSS
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="item">
<div class="item-content">
<div class="item-title">
Title 1
</div>
<div class="item-subtitle">
<label>test, test, test</label>
<i class="icon-basket remove-item"></i>
</div>
</div>
</div>
Le problème avec votre code était que vous avez utilisé le mauvais sélecteur.
Il devrait être Incluez également un style pour apporter des modifications lorsque l'élément est actif $ (". Élément ') car l'élément est une classe. Ensuite, la classe active sera ajoutée
Votre sélecteur devrait être $ ('. Article') et vous oubliez d'ajouter une classe active: .active {curseur: pointeur; Couleur de fond: # EEF5FF; }
Fonctionne bien avec la typo fixe et une définition de active. jsfiddle.net/ra7p1980
Confusion possible Comme vous n'avez pas de "élément personnalisé" - vous avez un
div avec une classe. Donc, vous devez utiliser le sélecteur de classe NO SELector Element (c.-à-d. "Classe" [DOT] ".Class )