Пытаюсь повесить событие клик на селектор SVG, но событие не срабатывает. Не могу понять, почему.
$(document).on("click", 'svg', function(e) {
console.log(this);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="all_explain">
<div class="mini_explain"><img src="/images/8.png" alt=""><strong>Рейтинг:</strong>
<span class="rainting_explain">
<i class="fas fa-star" data-id='fas' id="fas_1"></i>
<i class="fas fa-star" data-id='fas' id="fas_2"></i>
<i class="fas fa-star" data-id='fas' id="fas_3"></i>
<i class="fas fa-star" data-id='fas' id="fas_4"></i>
<i class="fas fa-star" data-id='fas' id="fas_5"></i>
</span>
<div class="thank_you_rating" style="display: none">Спасибо, мы приняли ваш рейтинг!</div>
</div>
Перепробовал разные селекторы, но ничего не помогает.
Может, кто подскажет, куда копать?
html
в вашем вопросе.svg
неajax-ом
случайно грузиться на страницу?