Click olayı Safari'de svg öğesi olan düğmeye basılmadı olay

Question

Safari tıklama olayında svg öğesiyle düğmeyi açmadı. Düğmeleri tıklattığınızda tıklattığınızda olayı tetikler, ancak svg öğesine tıklarsanız, öğenin kendisi olmaz. Böyle olayı tıklayın takmak eğer

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

Çalışıyor: Çünkü böyle yapamaz dinamik olarak eklenen düğmelerin

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

;

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

jQuery sürümü Bilmiyorum 2.1.3

Answer 1

bu sorunu çözmek için en iyi yoldur Örnek fakat pointer-events: none; ekleyerek eleman sorunu çözüldü svg.

svg.icon { 
    pointer-events: none; 
}