FadeOut与svg的div

Question

我有一个div，我可以用jQuery淡出它。但是当我把svg放在那个div中时，我再也不能这样做了。是否可以在内部使用svg fadeOut 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;}

JQUERY：

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

Answer 1

我认为当我将svg放入div时，我无法使用jadeOut或使用jQuery做任何事情。但我可以，如果我在外面或甚至在那个div之上创建另一个div。

Answer 2

试

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

除非您需要使用数据属性

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