<a>鏈接和：當我包含某個 JavaScript 文件時，hover 事件不起作用</a>

Question

我正在為我的網站制作導航欄。 為了開發它，我創建了一個新的 HTML 文件，這樣我就可以在不更改主 index.html 文件的情況下使用代碼。 在其自己的 HTML 文件中，所有鏈接和 hover 事件都在工作。 However, when I brought the header code into my working index.html file, the links do not work, and the:hover css events no longer work. 我將問題縮小到包含 Javascript 文件。 這個 javascript 文件控制蛇游戲的元素，並包含一個遞歸運行的 requestAnimationFrame 游戲循環。

如何阻止此 JS 文件阻止這些其他事件？

這是游戲循環...

function main(currentTime) {

    if (gameOver) {
        if (confirm("You lost. Press ok to restart.")) {
            window.location ="/"
        }
        return
    }

    window.requestAnimationFrame(main)
    const secondsSinceLastRender = (currentTime - lastRenderTime) / 1000;
    if (secondsSinceLastRender < 1 / SNAKE_SPEED) return
    
    // console.log("Render")
    lastRenderTime = currentTime
    
    update()
    draw()
}

window.requestAnimationFrame(main)

Answer 1

我解決了這個問題。 我有一個單獨的 JS 文件生成一個大約 99vh 高度和 99vw 寬度的網格。 網格用於蛇元素。 由於 Z 索引，懸停事件被這個巨大的隱形元素阻止。 我將 header z-index 設置為 900，以防萬一；），現在一切正常