点击事件没有触发按钮与Safari中的svg元素

Question

在Safari中点击事件没有触发按钮与SVG元素。当你点击按钮边缘点击事件触发时，但如果你单击svg元素本身不会。

$(document).on('click', 'button', function(e) { 
    console.log(e); 
}); 

它的工作原理，如果我重视点击事件是这样的：

$('button').on('click', function(e) { 
    console.log(e); 
}); 

因为动态添加我不能做这样的按钮;

在codepen.io http://codepen.io/neilhem/pen/bdGYPq

jQuery的版本2.1.3

Answer 1

我不知道是不是解决这个问题的最好方法的例子，但增加pointer-events: none;到SVG元素解决的问题。

svg.icon { 
    pointer-events: none; 
}