Я попытался переключиться, переключиться, но это не сработает. Цель: есть белый элемент. Мы нажимаем кнопку, и элемент становится, например, синим. Мы снова нажимаем кнопку, и элемент снова становится белым. Тест 3 Как изменить цвет элемента SVG, нажав кнопку?
1
A
ответ
1
Согласно примечания к релизу jQuerys, класс манипуляция SVGs не поддерживается до версии 3.0: https://blog.jquery.com/2015/07/13/jquery-3-0-and-jquery-compat-3-0-alpha-versions-released/
Таким образом, он не должен работать, если вы либо использовать JQuery 3.0 (или более поздней версии) ИЛИ вы манипулируете классы сами, используя .attr()
метод:
somejQueryElement.attr('class', 'new-value')
Я сделал простой пример здесь:
0
$(document).ready(function() {
var flag = true; // take a flag here
$(".S1").mouseover(function() {
if (flag) { // check flag before change
$(".S1").css('fill', '158844');
$(".S1").css('stroke', '158844');
}
});
$(".S1").mouseout(function() {
if (flag) { // check flag before change
$(".S1").css('fill', '#000000');
$(".S1").css('stroke', '#000000');
}
});
$(".S1").click(function() {
flag = false; // reset flag
$(".S1").css('fill', '158844');
$(".S1").css('stroke', '158844');
});
});
<svg>
<line class = "S1" fill="none" stroke="#000000" stroke-width="3.8417" x1="73.208" y1="73.341" x2="99.923" y2="73.341"/>
<polygon class = "S1" points="97.23,82.618 97.176,72.229 97.121,61.843 106.145,66.987 115.169,72.136 106.2,77.377 "/>
</svg>
Смежные вопросы
- 1. Как изменить цвет проигрывателя, нажав кнопку?
- 2. Как изменить цвет, нажав на кнопку?
- 3. Изменить цвет ячейки таблицы, нажав кнопку
- 4. Изменить видимость элемента управления, нажав на кнопку
- 5. Изменить текст элемента (a), нажав кнопку
- 6. SVG - Изменить цвет заливки на кнопку
- 7. Как изменить цвет svg?
- 8. изменить цвет каждого элемента в изображении SVG
- 9. Измените перетаскиваемый фоновый цвет, нажав кнопку
- 10. Как изменить макет, нажав кнопку?
- 11. Как изменить страницу Фон и цвет шрифта, нажав кнопку?
- 12. как изменить цвет DIV нажав определенную кнопку радио
- 13. Изменить текст, нажав кнопку
- 14. Нажав кнопку на JavaScript Цвет
- 15. Как изменить цвет одного элемента, нажав на другой - jQuery
- 16. Как изменить цвет пути SVG?
- 17. Изменить цвет символа SVG
- 18. Swift 3 изменить цвет кнопки, нажав другую кнопку
- 19. Изменить цвет svg
- 20. Изменить цвет текста TextView Нажав
- 21. изменить фрагмент, нажав кнопку ImageView
- 22. Изменить значение cookie, нажав кнопку
- 23. изменить атрибут фрейма, нажав кнопку
- 24. изменить значение ввода, нажав кнопку
- 25. Как изменить состояние переключателя, нажав кнопку togglebutton
- 26. Как изменить изображение в ImageView, нажав кнопку?
- 27. Как изменить Центр Google Map, нажав кнопку
- 28. Как изменить изображение, нажав кнопку в jQuery
- 29. Как изменить местоположение Карты Google, нажав кнопку
- 30. Как изменить стиль geojson, нажав кнопку
Мой пример здесь http://jsfiddle.net/P6t2B/ – rinatoptimus