如何追蹤執行下拉菜單div/css值的javascript函數

Question

有沒有辦法改變下拉菜單的子菜單顯示位置（x和y值）？

請點擊這裏爲模板 http://buyshop.ethemeuk.com/magento/themeview/?id=dark&redirect=0

，請瀏覽到「婦女 - >連衣裙 - >（子菜單）」 ，你可以看到，菜單上的子菜單疊加層以上子菜單。這使得切換稍微不方便。

如果有一個javascript函數正在執行鼠標懸停功能，跟蹤下拉菜單中的函數的最佳做法是什麼？我想將下拉菜單放在不同的（x：y）上，或者就在菜單的正下方，以避免重疊。

我對firebug有基本的瞭解，我可以看到div/css的值，但不確定在模板/主題上有多少個javascript文件時從哪裏開始。

我們如何追溯並找回自己的方式來專門爲此菜單進行更改。 請指點我正確的方向，謝謝！

Answer 1

使用Chrome。

右鍵單擊子菜單並選擇「檢查元素」。

然後在打開的開發人員工具面板中，單擊右側的「Event Listeners」標題。

然後展開「鼠標懸停」會有直接鏈接到腳本，如果你點擊它們，它甚至會帶你到代碼:)確切線