Как динамически установить подсказку, используя jQuery с данными из запроса GET? ⇐ Jquery

[Anonymous]

Я пытаюсь добавить подъему в таблицы строк на основе данных, извлеченных с помощью запроса AJAX. Цель состоит в том, чтобы отобразить дополнительную информацию, когда пользователь колеблется над строкой в ​​определенной таблице. Вот код, который я сейчас использую: < /p>
function tooltip(event) {
const sor = event.target.closest('tr');
if (!sor) return;

const tabla = sor.closest('table');
const tablaNev = tabla.id.replace('Tabla', '');
console.log(tablaNev);

const mezo = Array.from(sor.children).map((cella) => cella.innerText);
console.log(mezo);

if (tablaNev === "tablazat0") {
const id = mezo[0];
$.get(`/bevetel?id=${id}`, function(data) {
if (data && data.length > 0) {
const osszesDarab = data[0].OsszesDarab;
const osszesBevetel = data[0].OsszesBevetel;
$(sor).attr(
"title",
`Összes darab: ${osszesDarab}, Összes bevétel: ${osszesBevetel} Ft`
);
}
});
}
}

$(document).on('mouseover', '#tablazat0 tbody tr', tooltip);
< /code>















< /code>
It mostly works, but sometimes the tooltip doesn't appear unless I move the mouse away and back again. I assume this is because the title attribute is added after the initial mouseover.
Question:
How can I ensure the tooltip appears immediately after the AJAX call sets the title? Is there a better way to dynamically update tooltips like this using jQuery?
Any suggestions or improvements are welcome. Thanks in advance!

Подробнее здесь: https://stackoverflow.com/questions/796 ... et-request