没有工作点击。为什么?
<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");
});
});
答案 0 :(得分:4)
问题是您必须使对象的pointer-events
无效。
代码:
#svg object{
pointer-events: none;
}
参考:https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
答案 1 :(得分:0)
尝试在document ready()
上编写代码$(document).ready(function(){
$("#svg").click(function() {
console.log("click");
});
})