attributo di riempimento di reset dal percorso SVG che è stato designato dinamicamente tramite una classe aggiunta

voti
0

Ho una mappa SVG degli Stati Uniti, con un cursore sotto di esso. Il cursore passa 2000-2018, e ogni intervallo è di un anno. Quando si trascina il cursore per un anno, una classe viene aggiunto a ogni stato, e il riempimento cambia.

Le classi di default sono i nomi degli stati: .map3Alaska, .map3Alabama, etc.

Quando si sposta il cursore, l'anno viene aggiunto come una classe a parte: .map3Alaska.obe2000, .map3Alaska.obe2001, ecc Questo si basa su una condizione di salute (in questo caso l'obesità) e l'anno.

Ho viene aggiunta una funzione che elimina ogni classe aggiuntiva prima di uno nuovo, in modo da non vedere nulla di simile .map3Alaska.obe2000.obe2001

Vorrei un pulsante di reset che restituisce il riempimento al colore di default (bianco). Ho provato a fare questo attraverso una funzione che aggiunge set CSS: riempimento a bianco. Questo fa tornare il riempimento al bianco, ma poi se si sposta di nuovo il dispositivo di scorrimento, il set di riempimento da parte della classe allegata è negata dalla regola CSS applicata dalla funzione di reset:

entrare

C'è un modo per rimuovere l'attributo di riempimento di tutte le classi possibili? I seguenti formati classi sono utilizzate (xx rappresenta l'anno, dal 2000 al 2018):

  • Obe20xx (obesità)
  • Dep20xx (depressione)
  • Ast20xx (asma)
  • Kid20xx (malattie renali)
  • ha20xx (attacco di cuore)

Ho cercato di usare i selettori di classe jolly, ma questo non ha funzionato:

    $([class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3])
                    .removeAttr(
                        'fill'
                    )
È pubblicato 02/12/2019 alle 23:59
fonte dall'utente
In altre lingue...                            


1 risposte

attributo di riempimento di reset dal percorso SVG che è stato designato dinamicamente tramite una classe aggiunta

voti
0

Ho una mappa SVG degli Stati Uniti, con un cursore sotto di esso. Il cursore passa 2000-2018, e ogni intervallo è di un anno. Quando si trascina il cursore per un anno, una classe viene aggiunto a ogni stato, e il riempimento cambia.

Le classi di default sono i nomi degli stati: .map3Alaska, .map3Alabama, etc.

Quando si sposta il cursore, l'anno viene aggiunto come una classe a parte: .map3Alaska.obe2000, .map3Alaska.obe2001, ecc Questo si basa su una condizione di salute (in questo caso l'obesità) e l'anno.

Ho viene aggiunta una funzione che elimina ogni classe aggiuntiva prima di uno nuovo, in modo da non vedere nulla di simile .map3Alaska.obe2000.obe2001

Vorrei un pulsante di reset che restituisce il riempimento al colore di default (bianco). Ho provato a fare questo attraverso una funzione che aggiunge set CSS: riempimento a "bianco". Questo fa tornare il riempimento al bianco, ma poi se si sposta di nuovo il dispositivo di scorrimento, il set di riempimento da parte della classe allegata è negata dalla regola CSS applicata dalla funzione di reset:

entrare descrizione dell'immagine qui

C'è un modo per rimuovere l'attributo di riempimento di tutte le classi possibili? I seguenti formati classi sono utilizzate (xx rappresenta l'anno, dal 2000 al 2018):

  • Obe20xx (obesità)
  • Dep20xx (depressione)
  • Ast20xx (asma)
  • Kid20xx (malattie renali)
  • ha20xx (attacco di cuore)

Ho cercato di usare i selettori di classe jolly, ma questo non ha funzionato:

    $("[class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3]")
                    .removeAttr(
                        'fill'
                    )
Risposto il 02/12/2019 a 23:59
fonte dall'utente

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