Сброс атрибут заполнения от пути SVG, который был динамически стиль с помощью дополнительного класса

голоса
0

У меня есть SVG карта Соединенных Штатов, с помощью ползунка под ним. Ползунок идет с 2000 по 2018 год, и каждый интервал в год. При перемещении ползунка в год, класс добавляется к каждому государству, и заливка изменения.

классы по умолчанию имена состояний: .map3Alaska, .map3Alabama и т.д.

При перемещении ползунка, год получает добавляется как отдельный класс: .map3Alaska.obe2000, .map3Alaska.obe2001 и т.д. Это основано на состоянии здоровья (в данном случае ожирения) и год.

У меня есть функция, которая удаляет каждый дополнительный класс перед новым добавляется, так что вы никогда не видели ничего подобного .map3Alaska.obe2000.obe2001

Я хотел бы кнопку сброса, которая возвращает заливку цвета по умолчанию (белый). Я пытался сделать это с помощью функции, которая добавляет наборы CSS: заливка «белый». Это делает вернуть заливку белого, но потом, если вы снова переместите ползунок, набор заполнения прилагаемого класса отрицается правило CSS применяется функцией сброса:

введите

Есть ли способ, чтобы удалить атрибут заливки из всех возможных классов? Используются следующие классы форматов (хх представляет год, с 2000 по 2018 год):

  • Obe20xx (ожирение)
  • Dep20xx (депрессия)
  • Ast20xx (астма)
  • Kid20xx (болезнь почек)
  • ha20xx (сердечный приступ)

Я пытался использовать подстановочные селекторы класса, но это не сработало:

    $([class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3])
                    .removeAttr(
                        'fill'
                    )
Задан 02/12/2019 в 23:59
источник пользователем
На других языках...                            


1 ответов

Сброс атрибут заполнения от пути SVG, который был динамически стиль с помощью дополнительного класса

голоса
0

У меня есть SVG карта Соединенных Штатов, с помощью ползунка под ним. Ползунок идет с 2000 по 2018 год, и каждый интервал в год. При перемещении ползунка в год, класс добавляется к каждому государству, и заливка изменения.

классы по умолчанию имена состояний: .map3Alaska, .map3Alabama и т.д.

При перемещении ползунка, год получает добавляется как отдельный класс: .map3Alaska.obe2000, .map3Alaska.obe2001 и т.д. Это основано на состоянии здоровья (в данном случае ожирения) и год.

У меня есть функция, которая удаляет каждый дополнительный класс перед новым добавляется, так что вы никогда не видели ничего подобного .map3Alaska.obe2000.obe2001

Я хотел бы кнопку сброса, которая возвращает заливку цвета по умолчанию (белый). Я пытался сделать это с помощью функции, которая добавляет наборы CSS: заливка «белый». Это делает вернуть заливку белого, но потом, если вы снова переместите ползунок, набор заполнения прилагаемого класса отрицается правило CSS применяется функцией сброса:

введите описание изображения здесь

Есть ли способ, чтобы удалить атрибут заливки из всех возможных классов? Используются следующие классы форматов (хх представляет год, с 2000 по 2018 год):

  • Obe20xx (ожирение)
  • Dep20xx (депрессия)
  • Ast20xx (астма)
  • Kid20xx (болезнь почек)
  • ha20xx (сердечный приступ)

Я пытался использовать подстановочные селекторы класса, но это не сработало:

    $("[class^=dep], [class^=obe], [class^=ha], [class^=ast], [class^=kid], [class^=map3]")
                    .removeAttr(
                        'fill'
                    )
Ответил 02/12/2019 в 23:59
источник пользователем

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