Reset fill kenmerk uit SVG pad die dynamisch via een extra klasse heeft vormgegeven

stemmen
0

Ik heb een SVG-kaart van de Verenigde Staten, met een schuifknop daaronder. De slider gaat 2000-2018, en elke interval is een jaar. Wanneer u de schuifregelaar tot een jaar, is een klasse toegevoegd aan elke staat, en de vulling verandert.

De standaard klassen zijn de namen van de staten: .map3Alaska, .map3Alabama, etc.

Wanneer u de schuifregelaar, wordt het jaar bijgevoegd als een aparte klasse: .map3Alaska.obe2000, .map3Alaska.obe2001, enz. Dit is gebaseerd op een gezondheidstoestand (in dit geval obesitas) en het jaar.

Ik heb een functie die elke extra klasse, voordat een nieuwe verwijdert wordt toegevoegd, zodat u nooit iets dergelijks .map3Alaska.obe2000.obe2001 zien

Ik wil graag een reset knop die de vulling terug naar de standaard kleur (wit). Ik heb geprobeerd om dit te doen door middel van een functie die sets CSS voegt hieraan toe: vulling op wit. Dit doet de terugkeer van de vulling op wit, maar dan als je de schuifknop weer te bewegen, wordt de vulling set door de bijgevoegde klasse teniet gedaan door de CSS-regel door de reset-functie van toepassing:

voer

Is er een manier om de vulling attribuut uit alle potentiële klassen verwijderen? De volgende klassen formaten worden gebruikt (xx staat voor het jaar, van 2000 tot 2018):

  • Obe20xx (obesitas)
  • Dep20xx (depressie)
  • Ast20xx (astma)
  • Kid20xx (nierziekte)
  • ha20xx (hartaanval)

Ik heb geprobeerd om wildcard class selectors gebruiken, maar dit werkte niet:

    $([class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3])
                    .removeAttr(
                        'fill'
                    )
De vraag is gesteld op 02/12/2019 om 23:59
bron van user
In andere talen...                            


1 antwoorden

Reset fill kenmerk uit SVG pad die dynamisch via een extra klasse heeft vormgegeven

stemmen
0

Ik heb een SVG-kaart van de Verenigde Staten, met een schuifknop daaronder. De slider gaat 2000-2018, en elke interval is een jaar. Wanneer u de schuifregelaar tot een jaar, is een klasse toegevoegd aan elke staat, en de vulling verandert.

De standaard klassen zijn de namen van de staten: .map3Alaska, .map3Alabama, etc.

Wanneer u de schuifregelaar, wordt het jaar bijgevoegd als een aparte klasse: .map3Alaska.obe2000, .map3Alaska.obe2001, enz. Dit is gebaseerd op een gezondheidstoestand (in dit geval obesitas) en het jaar.

Ik heb een functie die elke extra klasse, voordat een nieuwe verwijdert wordt toegevoegd, zodat u nooit iets dergelijks .map3Alaska.obe2000.obe2001 zien

Ik wil graag een reset knop die de vulling terug naar de standaard kleur (wit). Ik heb geprobeerd om dit te doen door middel van een functie die sets CSS voegt hieraan toe: vulling op "wit". Dit doet de terugkeer van de vulling op wit, maar dan als je de schuifknop weer te bewegen, wordt de vulling set door de bijgevoegde klasse teniet gedaan door de CSS-regel door de reset-functie van toepassing:

voer image beschrijving hier

Is er een manier om de vulling attribuut uit alle potentiële klassen verwijderen? De volgende klassen formaten worden gebruikt (xx staat voor het jaar, van 2000 tot 2018):

  • Obe20xx (obesitas)
  • Dep20xx (depressie)
  • Ast20xx (astma)
  • Kid20xx (nierziekte)
  • ha20xx (hartaanval)

Ik heb geprobeerd om wildcard class selectors gebruiken, maar dit werkte niet:

    $("[class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3]")
                    .removeAttr(
                        'fill'
                    )
antwoordde op 02/12/2019 om 23:59
bron van user

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