Переходные эффекты наказания в веб -формах с JavaScript ⇐ Javascript

[Anonymous]

Я работаю с веб -формой, где элементы (заголовок таблицы) в цвете сетки, когда я нахожусь над ними. Тем не менее, цвет паха остается даже после того, как я отодвинул мышь.

Код: Выделить всё

sf_th_hover

) на падении и сохраняет его активным. Эффект падения происходит в основном, но не всегда. Я не могу изменить код библиотеки напрямую, поэтому я пытаюсь переопределить это поведение, используя пользовательский JavaScript. этот код, но он был запущен только тогда, когда сайт был загружен.

Код: Выделить всё

document.addEventListener("DOMContentLoaded", function ()
{
console.log("Fix für sf_th_hover aktiv!");

function removeHoverEffect()
{
document.querySelectorAll(".sf_th_hover").forEach(header =>
{
header.addEventListener("mouseleave", function ()
{
this.classList.remove("sf_th_hover");
console.log("sf_th_hover entfernt:", this);
});
});
}

removeHoverEffect();

new MutationObserver(mutations =>
{
mutations.forEach(mutation =>
{
mutation.addedNodes.forEach(node => {
if (node.nodeType === 1 && node.classList.contains("sf_th_hover"))
{
console.log("Neues sf_th_hover gefunden:", node);
node.addEventListener("mouseleave", function ()
{
this.classList.remove("sf_th_hover");
console.log("sf_th_hover entfernt (durch MutationObserver):", this);
});
}
});
});
}).observe(document.body, { childList: true, subtree: true });
});

Эти журналы (например, sf_th_hover entfernt ) никогда не были достигнуты. удалить класс.

Код: Выделить всё

$(document).on("mouseenter", "th", function () {
$(this).removeClass("sf_th_hover");
console.log("Fix: sf_th_hover wurde entfernt!");
});

$(document).off("mousemove", "th");
< /code>
Но произошла ошибка: < /p>

uncaught typeerror: $ (...). On не функция < /p>

, которая относится к строке $ (document) .on ("mouseenter", "th", function () {

.
Я не могу включить jQuery, так как она ломает страницу. < /p>
Я не знаком с JavaScript. />
Код в сетке такова:

Код: Выделить всё

_mouseMove = function () {
var _e = $(this);
if (this.tagName != 'th') $(this).parents('th:first');
_e.toggleClass('sf_th_hover');
},

И проблема в том, что он не должен использовать переключатель , насколько я понимаю ситуацию.

Подробнее здесь: https://stackoverflow.com/questions/794 ... javascript