2

jQuery を使用して、DOM 内の SVG 要素を選択および操作しています。クラスを属性として扱うクラスを追加したり削除したりできるので、これはトリッキーでした。

jQuery のアニメーション効果を使用して属性を削除することはできますか?

$('rect').mouseover(function(){    
    $(this).attr('class','selected');
});

$('rect').mouseout(function(){
    $(this).removeAttr('class');
});
4

2 に答える 2

0

奇妙なことに、.addClass、.removeClass、.toogleClass はこのコンテキストでは機能しません。それがSVGを使用しているからなのか、それとも何なのかをまだ読む必要があります。

ただし、CSS を介して必要なものに近づきました。

.selected {
    fill: orange;
    -moz-transition: fill easeout .5s;
}

ご協力ありがとうございました。

アップデート:

このリンクも非常に役に立ちました: jQuery SVG, なぜ addClass できないのですか?

于 2013-04-22T16:26:20.323 に答える