有沒有一種簡單的方法可以知道什么行的jQuery腳本稱為事件？

Question

我正在研究一個drupal模塊（無關緊要），我想重新創建一個javascript / jQuery事件。 如果我使用chrome並轉到事件監聽器，我看到第57行調用了jQuery腳本，但這並沒有真正幫助：

• 該腳本縮小並且不可讀
• 我想知道使用腳本調用事件的jQuery的哪一行（什么選擇器和它的函數是什么），而不是jQuery腳本本身
• 通過搜索合適的選擇器來查找文件並不容易，因為有60個已加載的javascripts文件，這要歸功於drupal及其已安裝的模塊。

原因是我想重新創建這個（可能是ajax）調用：

那么有人知道像Chrome插件或其他東西的伎倆嗎？ 它可以為我節省很多時間。

Answer 1

如果您正在設置正確的斷點，那么您應該在右側的Source選項卡上獲得一個Call Stack 。 在那里，您應該能夠追蹤發起呼叫的文件。

正如他們所說， 一張圖片說千言萬語......

並進一步闡述你的問題，

在開發過程中始終建議使用未壓縮的jQuery.js（或者就此而言任何.js），正如您可能已經想到的那樣。

新人的步驟。

1. 在壓縮文件中只需獲取版本號。
2. 從官方網站下載相應的未壓縮版本的jquery。
3. 如果您不想更改代碼，只需將未壓縮文件重命名為jQuery.min.js或當前正在加載的任何內容，因此它將作為替代品使用。

Answer 2

嘗試使用chrome devtools，例如：

Sources -> Event Listener Breakpoints (to the right) -> Mouse -> click