У меня возникла проблема, когда событие mouseover запускается еще до того, как я наведу курсор мыши на выбранный элемент - PullRequest
Новая
       26

У меня возникла проблема, когда событие mouseover запускается еще до того, как я наведу курсор мыши на выбранный элемент

0 голосов
/ 11 октября 2019

Как только я загружаю или перезагружаю страницу. GIF, который я включил в html, начинает воспроизводиться. 

$('.text').mouseover(function() {
$('.hover').css("visibility", "visible"); })

$('.text').mouseout(function() {
$('.hover').css("visibility", "hidden"); });

Я хочу, чтобы gif запускался всякий раз, когда я наводил курсор на соответствующий элемент, и останавливался, когда я убираю курсор. Этот JS находится в теге script в теле документа HTML. Это работает после того, как я наведу курсор на текстовый элемент в первый раз. Мне бы хотелось немного советов о том, что я делаю неправильно.

1 Ответ

0 голосов
/ 11 октября 2019

Вероятно, что видимость изображения visible при начальной загрузке страницы. Когда вы делаете ваше первое наведение мыши, затем mouseout, оно устанавливается на hidden, что является вашим ожидаемым поведением. Попробуйте установить видимость img на hidden одним из следующих способов:

  1. Добавить стиль в верхней части страницы: 
<html>
  <head>
    <style>
      img.hover { visibility: hidden; }
    </style>
  </head>
  <body>
   <img src='path/to/image.gif' class='hover' />
  </body>
</html>
Или, установите стиль встраивания в само изображение: 
<html>
  <body>
   <img src='path/to/image.gif' class='hover' style='visibility: hidden' />
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...