Почему при клике на число иконка не закрашивается? При клике на иконку всё норм. Вроде прикрепил к ссылке, но не работает как нужно.
<a href="javascript:void(0);" data-content-target="#b-favorites-popover" title="" class="b-product-popover-trigger fav-link" data-original-title="">
<span class="b-page-header__number">8</span>
<i class="icon-favorites"></i>
</a>
$(function() {
$('.fav-link').on('click', function(e) {
$('.icon-favorites').toggleClass("active");
});
$(document).click(function (event) {
if ($(event.target).closest('.icon-favorites').length == 0) {
$('.icon-favorites').removeClass('active');
}
});
});