Utilisation de JQuery pour basculer entre les styles
Bon après-midi,
Je suis à la recherche d'un moyen de Basculer entre les styles:
Exemple:
J'ai deux styles(de classes), on fait le point rouge et l'autre fait le point bleu. Je veux seulement utiliser JQuery pour appeler les styles, de ne pas tenir les styles.
Alors, quand je clique sur un bouton, le paragraphe s'allume en rouge, lorsque je clique sur nouveau, il devient bleu.
À nouveau, je préfère le style distinct et étant donné les noms de classe et ont JQuery basculer entre les deux.
J'ai chercher sur le net mais de garder à venir avec de cacher/montrer des exemples où les styles sont intégrés dans la fonction JQuery.
Toutes les idées seront appréciées!
Overmars
Bonjour tout le monde! C'est ce que j'ai fait, comme je l'ai mentionné, j'ai été tout simplement essayer de basculer entre les deux styles. L'un des styles en fait quelque chose, exemple: Faire un texte en rouge ou modifier une image et l'autre de style en fait un autre truc qui s'est passé.
Merci tous pour votre patience. Vous faites tous faire une différence.
J'ai trouvé la réponse dans mon JQuery Livre de cuisine. Chapitre 3. La Gestion Des Événements De La Page 69. Voici le code:
$(document).ready(function() {
$('.normalStyle').click(function(){
$(this).toggleClass('newStyle');
});
});
OriginalL'auteur Overmars | 2011-05-15
Vous devez vous connecter pour publier un commentaire.
utilisation toggleClass
D'ajouter ou de supprimer une ou plusieurs classes de chaque élément dans l'ensemble des éléments qui correspondent, en fonction soit de la classe de la présence ou de la valeur de l'argument de commutateur.
Cet exemple permet de basculer entre la
blue
classe pour<div class="foo">
éléments si leur élément parent est de classered
; autrement, il va basculer leblue
classe.ou encore plus court:
un basculé classe outrules la couleur initiale, (classe rouge est simplement ajouté) dans:
violon ici
ou avec vraiment du pur classe de remplacement (le bleu est retiré et que le rouge est ajouté et vv):
violon ici
ceci fonctionne: jsfiddle.net/DYAvb/3 s'il vous plaît l'esprit la façon dont le html ET les sélecteurs jQuery sont construits, de toute évidence vous manqué un point avant subcontent 😉
Oui, j'ai vu mon type: Désolé à ce sujet. Il devrait être. $('#subContent un").cliquez sur(function() { $(this).toggleClass('readMore readMoreClick') }); je vais continuer à jouer avec tous ces exemples. Merci encore
Encore une fois seulement si je suis clair, je me réfère à la commutation des styles de pas la couleur, j'ai uniquement la référence de la couleur comme d'un exemple: c'est à dire si j'étais en fait en utilisant des couleurs, les couleurs seraient attachés à une feuille de style, où j'ai placé les styles dans votre exemple que je suis basculement? Parce que c'est la commutation de la couleur et pas les styles.
OriginalL'auteur Caspar Kleijne
Vous pouvez utiliser
.toggleClass()
pour activer et désactiver votre classe pour changer votre couleur de texte.Exemple Simple sur jsfiddle
OriginalL'auteur Mark Coleman
Oeil à ce poste pls.
jquery arrière-plan de l'image de la couleur et de retour à nouveau
j'espère que ça aidera 🙂
il est essentiellement le même que ce que je comprends, vous êtes à la recherche pour.
Au lieu de changer entre une image et une couleur, vous pouvez rendre les styles de rouge/bleu.
OriginalL'auteur Guidhouse
Je pense que vous avez besoin de quelque chose comme:
Styleswitch feuille de style switcher construit sur jQuery
http://www.kelvinluck.com/2009/07/jquery-styleswitch-now-with-toggle/
OriginalL'auteur Mohammad Ali Akbari