在鼠標懸停時加載javascript鏈接？

Question

我在我的網站上有一個頁面，其中包含一個帶有很多工具提示的表格。 工具提示由 wowhead.com “提供”。 問題是加載時間 - 完全加載頁面需要很長時間（因為工具提示）並且頁面在加載完成之前有點“鎖定”。

演示鏈接： https : //wowpug.ne​​t/pug/HQDCXJWSTV

示例代碼：

<a href="https://classic.wowhead.com/item={{ $softreserves[0]['item_id'] }}" data-wowhead="item={{ $softreserves[0]['item_id'] }}" target="_blank">
                    {{ $softreserves[0]['item_name'] }}
                </a>

然后我來到另一個網站，做的幾乎和我一樣，但他的工具提示加載鼠標懸停而不是頁面加載。 演示： https : //softres.it/raid/8vyko4

我認為這是一種非常聰明的做法，而且頁面加載速度非常快。

不知道他在做什么，發現很難研究我不明白的東西。 像使用什么搜索詞等。

希望你們中的一些人可以在這里幫助我:)

鏈接到 wowhead.com 上的文檔： https ://www.wowhead.com/tooltips

Answer 1

在檢查器開發工具（在我的示例中是 chrome）中，您可以看到您的網站同時獲取所有項目的工具提示數據

嘗試單擊請求的發起者（第 4 列 - basic.js...）並查看請求何時發生。 您可以向上調用堆棧並查看觸發請求的操作序列。 因此，您的目標是在“鼠標懸停”事件上發出請求，而不是在行初始化時發出請求。