如何查看單擊鏈接後將觸發哪個功能？

-1

我很感興趣如何使用以下技術：http://www.otherfocus.com/ 當您單擊縮略圖時，網站將使用動畫覆蓋單個頁面。如何查看單擊鏈接後將觸發哪個功能？

我查閱了源代碼，但不太明白這些函數的核心是什麼。有人知道如何檢查點擊縮略圖後觸發哪個功能？

2014-11-14 Caspert

這很難說。該頁面上有很多事情要做。查看所有腳本。這可能是一些共同圖書館的動畫。也許它是modernizr？ – Halcyon 2014-11-14 14:35:09

它是'jQuery.load'（獲取鏈接頁面的內容）和'History.pushState'的組合來更改URL。這些動畫是基於CSS的，當根元素上的某些類發生更改時會觸發。 – pawel 2014-11-14 14:39:25

爲什麼人們低估這一點？請評論？ – user2808054 2014-11-14 14:43:28

-1

你可以右鍵點擊縮略圖並檢查源代碼（如果你使用chrome），在這種情況下，它只是一個鏈接 - 無功能。例如，左上方的縮略圖是到此路徑的鏈接：'http://www.otherfocus.com/wp-content/uploads/2014/11/thumb-800x600.jpg'

2014-11-14 14:31:14 vlio20

是的。但是應該有一個函數來動畫新頁面的疊加層？ – Caspert 2014-11-14 14:34:06

如果您執行'element.addEventListener'，事件不會顯示在DOM中。 – Halcyon 2014-11-14 14:34:13

回答