Guten Morgen liebe Community,
ich habe ein kleines jQuery Script welches beim Hover eines Divs eine Aktion ausführt. Allerdings habe ich das Problem das es erst beim 2. Mal :hover reagiert. Kann sich das einer erklären?
Ich danke euch schoneinmal im Vorab
Schöne Feiertage wünsche ich euch allen:
ich habe ein kleines jQuery Script welches beim Hover eines Divs eine Aktion ausführt. Allerdings habe ich das Problem das es erst beim 2. Mal :hover reagiert. Kann sich das einer erklären?
Ich danke euch schoneinmal im Vorab
Schöne Feiertage wünsche ich euch allen:
Code:
$('#beschwerden').hover( function () { const buttonElement = document.querySelector('#beschwerden'); buttonElement.addEventListener("mouseover", randomPosition, false); buttonElement.addEventListener("mouseout", ausgangsPosition, false); function randomPosition(){ const offsetLeft = Math.random() * (window.innerWidth - buttonElement.clientWidth); const offsetTop = Math.random() * (window.innerHeight - buttonElement.clientHeight); buttonElement.style.top = offsetTop + 'px'; buttonElement.style.left = offsetLeft + 'px'; }; function ausgangsPosition(){ const offsetLeftnormal = "0"; const offsetTopnormal = "0"; buttonElement.style.top = offsetTopnormal + 'px'; buttonElement.style.left = offsetLeftnormal + 'px'; }; });
Kommentar