Reset atribut výplň z SVG cestu, která byla dynamicky stylizované pomocí přidaného třídě

hlasů
0

Mám mapu SVG Spojených států, s jezdcem pod ním. Jezdec se pohybuje od roku 2000 do roku 2018, a každý interval je ročně. Při přetahování posuvníku na jeden rok, třída je připojen ke každému státu, a výplně změní.

Výchozí třídy jsou názvy států: .map3Alaska, .map3Alabama, atd.

Při přesunutí jezdce, rok dostane připojen jako samostatná třída: .map3Alaska.obe2000, .map3Alaska.obe2001 apod Toto je založen na zdravotním stavu (v tomto případě obezity) a rok.

Mám funkci, která odstraňuje každou další třídu před novým, který zní, takže nikdy vidět něco podobného .map3Alaska.obe2000.obe2001

Chtěl bych resetovací tlačítko, které vrátí výplň výchozí barvy (bílá). Snažil jsem se to udělat prostřednictvím funkce, která dodává sady CSS: výplň na „bílý“. To dělá vrátit výplň bílé, ale pokud přesunete jezdec opět plnící sada podle přiloženého třídy je negován pravidlo CSS aplikovat resetovací funkce:

zadejte

Existuje způsob, jak odstranit atribut výplně ze všech tříd potenciálních? Následující formáty třídy jsou používány (xx reprezentuje rok, od roku 2000 do roku 2018):

  • Obe20xx (obezita)
  • Dep20xx (deprese)
  • Ast20xx (astma)
  • Kid20xx (onemocnění ledvin)
  • ha20xx (srdeční záchvat)

Snažil jsem se použít zástupné třídy selektory, ale to nefungovalo:

    $([class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3])
                    .removeAttr(
                        'fill'
                    )
Položena 02/12/2019 v 23:59
zdroj uživatelem
V jiných jazycích...                            


1 odpovědí

Reset atribut výplň z SVG cestu, která byla dynamicky stylizované pomocí přidaného třídě

hlasů
0

Mám mapu SVG Spojených států, s jezdcem pod ním. Jezdec se pohybuje od roku 2000 do roku 2018, a každý interval je ročně. Při přetahování posuvníku na jeden rok, třída je připojen ke každému státu, a výplně změní.

Výchozí třídy jsou názvy států: .map3Alaska, .map3Alabama, atd.

Při přesunutí jezdce, rok dostane připojen jako samostatná třída: .map3Alaska.obe2000, .map3Alaska.obe2001 apod Toto je založen na zdravotním stavu (v tomto případě obezity) a rok.

Mám funkci, která odstraňuje každou další třídu před novým, který zní, takže nikdy vidět něco podobného .map3Alaska.obe2000.obe2001

Chtěl bych resetovací tlačítko, které vrátí výplň výchozí barvy (bílá). Snažil jsem se to udělat prostřednictvím funkce, která dodává sady CSS: výplň na „bílý“. To dělá vrátit výplň bílé, ale pokud přesunete jezdec opět plnící sada podle přiloženého třídy je negován pravidlo CSS aplikovat resetovací funkce:

zadejte popis obrázku zde

Existuje způsob, jak odstranit atribut výplně ze všech tříd potenciálních? Následující formáty třídy jsou používány (xx reprezentuje rok, od roku 2000 do roku 2018):

  • Obe20xx (obezita)
  • Dep20xx (deprese)
  • Ast20xx (astma)
  • Kid20xx (onemocnění ledvin)
  • ha20xx (srdeční záchvat)

Snažil jsem se použít zástupné třídy selektory, ale to nefungovalo:

    $("[class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3]")
                    .removeAttr(
                        'fill'
                    )
Odpovězeno 02/12/2019 v 23:59
zdroj uživatelem

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