jquery - svgでdivをフェードアウト

Question

div があり、jQuery でフェードアウトできます。しかし、その div 内に svg を配置すると、それができなくなります。内部にsvgがあるdivをフェードアウトすることは可能ですか?

HTML:

<div id="interrogant">
<object data="interrogant.svg" width="80" height="150" type="image/svg+xml"></object>
</div>

CSS:

#interrogant{cursor: pointer; background-color:blue; width:80px; height:150px;}

Jクエリ:

$(function(){   
    $("#interrogant").click(function() {
        $("#interrogant").fadeOut("normal");
    });     
})

score 1 · Accepted Answer

svg を div に配置すると、フェードアウトしたり、jQuery で何かをしたりすることができないと思います。しかし、そのdivの外または上に別のdivを作成すればできます。

score 0 · Accepted Answer

試す

$(function(){   
    $("div#interrogant object").click(function() {
        $(this).fadeOut("normal");
    });     
});

データ属性を使用する必要がない限り

$('object[data="interrogant.svg"]').click(function() {

2 に答える 2