トグルクラスをトグルしようとしましたが、これは機能しません。 目的:白い要素があります。ボタンをクリックすると、要素は例えば青色になります。ボタンをもう一度クリックすると、要素が再び白くなります。 テストjQuerysのリリースノートによると、SVGsのクラス操作は、バージョン3.0まではサポートされていなかった3 ボタンをクリックしてSVG要素の色を変更する方法は?
1
A
答えて
1
:https://blog.jquery.com/2015/07/13/jquery-3-0-and-jquery-compat-3-0-alpha-versions-released/
あなたが(またはそれ以降)jQueryの3.0を使用するか場合そのため、それは、動作するはずOR私はここに基本的な例を作った
somejQueryElement.attr('class', 'new-value')
:あなた自身が.attr()
メソッドを使用してクラスを操作
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. SVG - ボタンのクリックで塗りつぶしの色を変更する
- 4. ボタンのクリックでtextViewテキストの色を変更する方法
- 5. ボタンのクリックでコンポーネントの色を変更する方法
- 6. SVG要素をクリックしてモーダルウィンドウを開く方法
- 7. ボタンを押してプレーヤーの色を変更する方法は?
- 8. viewboxを変更してsvg内の要素を中心にする方法
- 9. 複数のボタンをクリックして色を変更する
- 10. jQueryでクリック可能な要素を変更する方法は?
- 11. svgイメージの色を変更する簡単な方法は?
- 12. ボタンのスタイルを変更してボタンの色を変更する
- 13. GTKのSVG画像内の要素の色を動的に変更する方法はありますか?
- 14. 次のボタンをクリックしてアクティブステージを変更する方法
- 15. クリックした要素に応じて変数を変更する方法
- 16. スケールプロパティを使用してsvg要素をサイズ変更する
- 17. ボタンの色が変わらないのはなぜですか? (html要素のクラスを変更する方法)
- 18. d3 svg要素内のg要素を選択して変更します
- 19. SVGテキスト要素内の個々の文字の色を変更する
- 20. ボタンをクリックして要素の回転をトリガする方法は? (AngularJS/Ionic)
- 21. ボタンをクリックしてimageViewで画像を変更する方法
- 22. ボタンをクリックした後のアンドロイド変更ボタンの背景色
- 23. ボタンをクリックした後に要素を保持する方法
- 24. クリックしたときのセルのボタンの色を変更する
- 25. クリックするとボタンの色を変更します
- 26. キャンバス上でsvgの色を変更する方法 - Fabricjs
- 27. クリック時のDataGridViewButtonCellボタンの色の変更
- 28. クリック(Javascript)時にボタンの色を変更するには?
- 29. ボタンを押したままボタンの色を変更する方法は?
- 30. window.locationを変更して要素をトリガする方法は?
私の例をここにhttp://jsfiddle.net/P6t2B/ – rinatoptimus