Réinitialiser attribut de remplissage de chemin SVG qui a été dynamiquement style par l'intermédiaire d'une classe ajoutée

voix
0

J'ai une carte SVG des États-Unis, avec un curseur en dessous. Le curseur va 2000-2018, et chaque intervalle est une année. Lorsque vous faites glisser le curseur vers une année, une classe est ajoutée à chaque état, et le remplissage change.

Les classes par défaut sont les noms des états: .map3Alaska, .map3Alabama, etc.

Lorsque vous déplacez le curseur, l'année se joint en annexe en tant que classe séparée: .map3Alaska.obe2000, .map3Alaska.obe2001, etc. Ceci est basé sur un état de santé (dans ce cas, l'obésité) et l'année.

J'ai une fonction qui supprime chaque classe supplémentaire avant une nouvelle est ajoutée, de sorte que vous ne voyez quelque chose comme .map3Alaska.obe2000.obe2001

Je voudrais un bouton de réinitialisation qui retourne le remplissage à la couleur par défaut (blanc). J'ai essayé de le faire grâce à une fonction qui ajoute des ensembles CSS: remplissage à « blanc ». Cela ne retourner le remplissage à blanc, mais si vous vous déplacez à nouveau le curseur, le jeu de remplissage par la classe en annexe est niée par la règle CSS appliquée par la fonction remise à zéro:

entrez

Est-il un moyen de supprimer l'attribut de remplissage de toutes les classes de potentiel? Les classes suivantes formats sont utilisés (xx représente l'année, de 2000 à 2018):

  • Obe20xx (obésité)
  • Dep20xx (dépression)
  • Ast20xx (asthme)
  • Kid20xx (maladie rénale)
  • ha20xx (crise cardiaque)

J'ai essayé d'utiliser des sélecteurs de classe génériques, mais cela ne fonctionne pas:

    $([class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3])
                    .removeAttr(
                        'fill'
                    )
Créé 02/12/2019 à 23:59
source utilisateur
Dans d'autres langues...                            


1 réponses

Réinitialiser attribut de remplissage de chemin SVG qui a été dynamiquement style par l'intermédiaire d'une classe ajoutée

voix
0

J'ai une carte SVG des États-Unis, avec un curseur en dessous. Le curseur va 2000-2018, et chaque intervalle est une année. Lorsque vous faites glisser le curseur vers une année, une classe est ajoutée à chaque état, et le remplissage change.

Les classes par défaut sont les noms des états: .map3Alaska, .map3Alabama, etc.

Lorsque vous déplacez le curseur, l'année se joint en annexe en tant que classe séparée: .map3Alaska.obe2000, .map3Alaska.obe2001, etc. Ceci est basé sur un état de santé (dans ce cas, l'obésité) et l'année.

J'ai une fonction qui supprime chaque classe supplémentaire avant une nouvelle est ajoutée, de sorte que vous ne voyez quelque chose comme .map3Alaska.obe2000.obe2001

Je voudrais un bouton de réinitialisation qui retourne le remplissage à la couleur par défaut (blanc). J'ai essayé de le faire grâce à une fonction qui ajoute des ensembles CSS: remplissage à « blanc ». Cela ne retourner le remplissage à blanc, mais si vous vous déplacez à nouveau le curseur, le jeu de remplissage par la classe en annexe est niée par la règle CSS appliquée par la fonction remise à zéro:

entrez la description d'image ici

Est-il un moyen de supprimer l'attribut de remplissage de toutes les classes de potentiel? Les classes suivantes formats sont utilisés (xx représente l'année, de 2000 à 2018):

  • Obe20xx (obésité)
  • Dep20xx (dépression)
  • Ast20xx (asthme)
  • Kid20xx (maladie rénale)
  • ha20xx (crise cardiaque)

J'ai essayé d'utiliser des sélecteurs de classe génériques, mais cela ne fonctionne pas:

    $("[class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3]")
                    .removeAttr(
                        'fill'
                    )
Créé 02/12/2019 à 23:59
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more