我试过toggleClass,切换,但这不起作用。 目标:有一个白色的元素。我们点击一个按钮,元素变成蓝色。我们再次点击一个按钮,元素再次变成白色。 测试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. 点击按钮改变ImageView的颜色?
- 3. 点击按钮颜色没有改变
- 4. 如何更改颜色点击按钮?
- 5. 我想通过点击按钮来改变jpanel的背景颜色
- 6. 如何通过点击两次按钮来更改文字浏览的颜色
- 7. 如何通过jQuery更改SVG元素的颜色(拖动选中的颜色)
- 8. 有谁知道如何通过点击按钮来更改div背景颜色?
- 9. 如何通过点击按钮来改变tableView的内容?
- 10. 如何通过点击单选按钮改变颜色,但使用值
- 11. 如何通过单击按钮隐藏JavaScript的SVG元素?
- 12. 如何改变按钮点击画笔的颜色?
- 13. 点击后如何改变按钮的颜色?
- 14. 如何改变点击时的按钮颜色
- 15. SVG - 更改点击按钮上的填充颜色
- 16. 更改通过CSS SVG色彩,SVG颜色不会改变
- 17. 更改点击按钮的颜色
- 18. CSS声明来改变按钮的颜色在点击期间点击
- 19. Highcharts:更改饼图颜色通过点击一个按钮
- 20. 更改文本标签和颜色通过点击按钮
- 21. 多个按钮,一个事件来改变点击按钮的颜色
- 22. 如何通过css改变单色.svg文件的颜色?
- 23. 如何用按钮点击改变文字颜色?
- 24. 改变点击颜色为随机颜色的文本颜色(按钮)
- 25. 如何让每个元素在点击时改变颜色?
- 26. 如何通过单击按钮来更改我的布局的背景颜色
- 27. 点击更改javafx按钮颜色?
- 28. 点击更改按钮颜色
- 29. 如何通过点击与本地JavaScript特定的无线电按钮来改变一个div的颜色
- 30. 点击DataGridViewButtonCell按钮颜色变化
我这里的例子http://jsfiddle.net/P6t2B/ – rinatoptimus