Visszaállítása kitöltés attribútum SVG útvonal, amelyet dinamikus stílusú keresztül osztályra

szavazat
0

Van egy SVG térkép az Egyesült Államokban, egy csúszka alatta. A csúszka megy 2000-2018, és minden intervallum egy év alatt. Ha húzza a csúszkát egy év, egy osztály van csatolva, minden állam, és a kitöltés változik.

Az alapértelmezett osztályok nevei kimondja: .map3Alaska, .map3Alabama stb

Ha mozgatja a csúszkát, az év lesz csatolt külön osztály: .map3Alaska.obe2000, .map3Alaska.obe2001 stb Ennek alapja az egészségi állapota (ebben az esetben az elhízás), és az év során.

Van egy olyan funkció, amely megszünteti minden további osztály előtt egy újat adunk, így soha nem látni semmit, mint .map3Alaska.obe2000.obe2001

Szeretnék egy reset gomb, ami visszaadja a kitöltést az alapértelmezett szín (fehér). Megpróbáltam ezt egy funkció, amely hozzáad készletek CSS: kitöltést „fehér”. Ez nem tér vissza a kitöltést fehér, de akkor, ha a csúszka újra, a kitöltés készlet a csatolt osztály tagadja a CSS szabályt alkalmazzák a reset funkció:

írja

Van egy módja annak, hogy távolítsa el a kitöltés attribútum az összes lehetséges osztályok? A következő osztályok formátumot használnak (xx az évet, 2000-től 2018):

  • Obe20xx (elhízás)
  • Dep20xx (depresszió)
  • Ast20xx (asztma)
  • Kid20xx (vesebetegség)
  • ha20xx (szívroham)

Próbáltam használni helyettesítő osztály szelektor, de ez nem működik:

    $([class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3])
                    .removeAttr(
                        'fill'
                    )
A kérdést 02/12/2019 23:59
a forrás felhasználó
Más nyelveken...                            


1 válasz

Visszaállítása kitöltés attribútum SVG útvonal, amelyet dinamikus stílusú keresztül osztályra

szavazat
0

Van egy SVG térkép az Egyesült Államokban, egy csúszka alatta. A csúszka megy 2000-2018, és minden intervallum egy év alatt. Ha húzza a csúszkát egy év, egy osztály van csatolva, minden állam, és a kitöltés változik.

Az alapértelmezett osztályok nevei kimondja: .map3Alaska, .map3Alabama stb

Ha mozgatja a csúszkát, az év lesz csatolt külön osztály: .map3Alaska.obe2000, .map3Alaska.obe2001 stb Ennek alapja az egészségi állapota (ebben az esetben az elhízás), és az év során.

Van egy olyan funkció, amely megszünteti minden további osztály előtt egy újat adunk, így soha nem látni semmit, mint .map3Alaska.obe2000.obe2001

Szeretnék egy reset gomb, ami visszaadja a kitöltést az alapértelmezett szín (fehér). Megpróbáltam ezt egy funkció, amely hozzáad készletek CSS: kitöltést „fehér”. Ez nem tér vissza a kitöltést fehér, de akkor, ha a csúszka újra, a kitöltés készlet a csatolt osztály tagadja a CSS szabályt alkalmazzák a reset funkció:

írja kép leírása itt

Van egy módja annak, hogy távolítsa el a kitöltés attribútum az összes lehetséges osztályok? A következő osztályok formátumot használnak (xx az évet, 2000-től 2018):

  • Obe20xx (elhízás)
  • Dep20xx (depresszió)
  • Ast20xx (asztma)
  • Kid20xx (vesebetegség)
  • ha20xx (szívroham)

Próbáltam használni helyettesítő osztály szelektor, de ez nem működik:

    $("[class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3]")
                    .removeAttr(
                        'fill'
                    )
Válaszolt 02/12/2019 23:59
a forrás felhasználó

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