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;}

查询：

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

尝试

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

除非你需要使用 data 属性

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

2 回答 2