Reset atrybut wypełnienia od ścieżki SVG, który został dynamicznie stylizowany poprzez dodatkowy klasie

głosy
0

Mam mapę SVG w Stanach Zjednoczonych, z suwakiem pod nim. Suwak przechodzi od 2000 do 2018 roku, a każdy przedział jest rok. Podczas przeciągania suwaka do roku, klasa jest dołączana do każdego stanu, a wypełnienie zmienia.

Klasy domyślne nazwy stanów: .map3Alaska, .map3Alabama, etc.

Po przesunięciu suwaka, rok zostanie dołączony jako osobnej klasy: .map3Alaska.obe2000, .map3Alaska.obe2001 itp Opiera się to na stan zdrowia (w tym przypadku otyłości) oraz rok.

Mam funkcja, która usuwa każdą dodatkową klasę przed nowym brzmieniu, więc nie widać niczego podobnego .map3Alaska.obe2000.obe2001

Chciałbym przycisk reset, który zwraca się do syta na domyślny kolor (biały). Próbowałem to zrobić za pomocą funkcji, która dodaje zestawy CSS: wypełnienie na „białe”. To nie powrócić do wypełnienia biały, ale jeśli ponownie przesunąć suwak, zestaw do napełniania przez załączonym klasie jest negowany przez reguła CSS stosowane przez funkcję resetowania:

wprowadzić

Czy istnieje sposób, aby usunąć atrybut wypełnienia ze wszystkich klas potencjał? Następujące formaty klasy są używane (xx reprezentuje lat, od 2000 do 2018 roku):

  • Obe20xx (otyłość)
  • Dep20xx (depresja)
  • Ast20xx (astma)
  • Kid20xx (choroba nerek)
  • ha20xx (atak serca)

Próbowałem użyć wieloznacznych selektorów klasy, ale to nie działa:

    $([class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3])
                    .removeAttr(
                        'fill'
                    )
Utwórz 02/12/2019 o 23:59
źródło użytkownik
W innych językach...                            


1 odpowiedzi

Reset atrybut wypełnienia od ścieżki SVG, który został dynamicznie stylizowany poprzez dodatkowy klasie

głosy
0

Mam mapę SVG w Stanach Zjednoczonych, z suwakiem pod nim. Suwak przechodzi od 2000 do 2018 roku, a każdy przedział jest rok. Podczas przeciągania suwaka do roku, klasa jest dołączana do każdego stanu, a wypełnienie zmienia.

Klasy domyślne nazwy stanów: .map3Alaska, .map3Alabama, etc.

Po przesunięciu suwaka, rok zostanie dołączony jako osobnej klasy: .map3Alaska.obe2000, .map3Alaska.obe2001 itp Opiera się to na stan zdrowia (w tym przypadku otyłości) oraz rok.

Mam funkcja, która usuwa każdą dodatkową klasę przed nowym brzmieniu, więc nie widać niczego podobnego .map3Alaska.obe2000.obe2001

Chciałbym przycisk reset, który zwraca się do syta na domyślny kolor (biały). Próbowałem to zrobić za pomocą funkcji, która dodaje zestawy CSS: wypełnienie na „białe”. To nie powrócić do wypełnienia biały, ale jeśli ponownie przesunąć suwak, zestaw do napełniania przez załączonym klasie jest negowany przez reguła CSS stosowane przez funkcję resetowania:

wprowadzić opis obrazu tutaj

Czy istnieje sposób, aby usunąć atrybut wypełnienia ze wszystkich klas potencjał? Następujące formaty klasy są używane (xx reprezentuje lat, od 2000 do 2018 roku):

  • Obe20xx (otyłość)
  • Dep20xx (depresja)
  • Ast20xx (astma)
  • Kid20xx (choroba nerek)
  • ha20xx (atak serca)

Próbowałem użyć wieloznacznych selektorów klasy, ale to nie działa:

    $("[class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3]")
                    .removeAttr(
                        'fill'
                    )
Odpowiedział 02/12/2019 o 23:59
źródło użytkownik

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