Question

没有工作点击。为什么？

<div  id="svg" style="position: absolute; width: 140px; height: 150px;">
       <object  data="./svg/index.svg" type="image/svg+xml" ></object>
</div>

没有工作

1

$(document).ready(function() {

    $("#svg").click(function() {

        console.log("click");

    });
});

也行不通

2

$(document).ready(function() {

    $('#svg').on('click',function(){

        console.log("click");

    });
});

Answer 1

问题是您必须使对象的pointer-events无效。

代码：

#svg object{
    pointer-events: none;
}

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

演示：http://jsfiddle.net/IrvinDominin/uke23/1/

Answer 2

尝试在document ready（）

上编写代码

$(document).ready(function(){
$("#svg").click(function() {
  console.log("click");
});
})

单击div与对象svg

2 个答案: