主页 / 问题 / 1251387
Accepted
Triceps Senju
Asked:2022-03-04 13:46:02 +0000 UTC2022-03-04 13:46:02 +0000 UTC

悬停圈不起作用

  • 772

悬停在圆圈上不起作用

(https://codepen.io/Veroni1337/pen/wvoXMpQ)

有这样一个模态窗口，当鼠标悬停在 svg 上时，该站点应该可以工作

网站

(https://twsc.kz/index.php/geography/)

我究竟做错了什么？

html

1 个回答

  1. Best Answer

    如果您希望在将鼠标悬停在黄点上时显示模态窗口，请从 card__logo 中移除光标：指针 - 它会分散注意力，并且不清楚悬停在哪里。其次，在您的代码笔中 - 模式窗口使用 css 出现，并在使用 js 的网站上出现？在该站点上，您会收到错误消息：modal.js:10 Uncaught TypeError: Cannot read property 'classList' of null at SVGCircleElement。(modal.js:10)

    在我看来，错误在于他不明白要将类添加到哪个元素： document.querySelector**( .${trgs})**.classList.add("view")

    ( .${trgs}) - 这需要重新检查。

    所以在JS中找原因

    • 2

相关问题