我試過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. 點擊按鈕顏色沒有改變
- 3. 如何更改顏色點擊按鈕?
- 4. 有誰知道如何通過點擊按鈕來更改div背景顏色?
- 5. 如何通過點擊按鈕來改變tableView的內容?
- 6. 如何通過點擊單選按鈕改變顏色,但使用值
- 7. 如何改變點擊時的按鈕顏色
- 8. 點擊後如何改變按鈕的顏色?
- 9. 更改通過CSS SVG色彩,SVG顏色不會改變
- 10. 更改點擊按鈕的顏色
- 11. CSS聲明來改變按鈕的顏色在點擊期間點擊
- 12. 多個按鈕,一個事件來改變點擊按鈕的顏色
- 13. Highcharts:更改餅圖顏色通過點擊一個按鈕
- 14. 如何用按鈕點擊改變文字顏色?
- 15. 如何通過css改變單色.svg文件的顏色?
- 16. 改變點擊顏色爲隨機顏色的文本顏色(按鈕)
- 17. 如何讓每個元素在點擊時改變顏色?
- 18. 點擊更改javafx按鈕顏色?
- 19. 點擊DataGridViewButtonCell按鈕顏色變化
- 20. 如何通過單擊按鈕來更改頁面背景和字體顏色?
- 21. 更改部分SVG元素的顏色
- 22. Swift:點擊時改變按鈕的顏色
- 23. JavaScript來改變svg形狀的顏色
- 24. Boostrap改變顏色點擊
- 25. 如何通過點擊jQuery中的子按鈕來隱藏父元素
- 26. 如何重置以前點擊過的按鈕的顏色?
- 27. 單擊按鈕時改變剩餘按鈕的顏色
- 28. 如何在Android中點擊時更改按鈕的顏色?
- 29. 如何保存在用戶點擊的按鈕更改顏色
- 30. 離子 - 如何更改點擊時的按鈕顏色
我這裏的例子http://jsfiddle.net/P6t2B/ – rinatoptimus