У меня есть svg элемент
<g data-id="4" class="flats__button">
<rect x="870" y="286" width="77" height="27" rx="13.5" fill="white"/>
<circle cx="933.5" cy="299.5" r="9.5" fill="#27AE3D"/>
</g>
И при наведение на элемент
<g data-id="4" class="flats__button">
У меня должен появляться блок
<div class="flats__tooltip-content">
<span class="flats__tooltip-title mb-1">Литер 4</span>
<span class="flats__tooltip-date mb-3">Сдан 4 кв. 2020</span>
<div class="flats__about pb-1 mb-1">
<span class="flats__about-text">2-к</span>
<span class="flats__about-value">от 3,2 млн.</span>
</div>
<div class="flats__about pb-1 mb-2">
<span class="flats__about-text">3-к</span>
<span class="flats__about-value">от 4,1 млн.</span>
</div>
<p class="flats__tooltip-text">Квартиры с отделкой/без отделки</p>
</div>
У все всё появляется, но когда я вожу по этому элемент у меня mouseenter срабатывает постоянно
Код jQuery
buttonBlock.on({
mouseenter: function () {
tooltipBlock.addClass("flats__tooltip-active");
},
mouseleave: function () {
tooltipBlock.removeClass("flats__tooltip-active");
},
});
tooltipBlock.on({
mouseenter: function () {
tooltipBlock.addClass("flats__tooltip-active");
},
mouseleave: function () {
tooltipBlock.removeClass("flats__tooltip-active");
},
});
