如何找出JavaScript函數觸發HTML更改的內容？

我在WordPress網站上遇到問題。我有一個功能，可以下滑某個<div>。它是：如何找出JavaScript函數觸發HTML更改的內容？

jQuery(function($){ 
    $(document).on('click','.tb_usertask_title',function(){ 
     var title = $(this); 
     var key = title.data('key'); 
     var msg = $('#tb_msg_'+key); 
     msg.slideDown('fast'); 
    } 
});

執行此功能後，<div>立即再次上滑。我認爲這可能是由於另一個腳本，但我絕對不知道如何找到這個功能。有什麼方法可以找到這個嗎？我嘗試過的東西：

在我的函數中添加斷點。這告訴我，摺疊是在我的功能之外發生的。
使用Firebug打破HTML更改。然而，這個重定向到jquery.js，但我不知道如何找出哪個函數觸發了jQuery。
使用Firebug列出我的onclick事件的事件，但這隻顯示我的功能。

這些不適合我。我還尋找了一種在Firebug中進行函數回溯的方法，但沒有取得任何成功。

來源

2015-09-28 user4493177

您使用的引導呢？ – allvideolectures

否（最少15個字符） – user4493177

出於測試目的，如果您將點擊事件綁定到元素並停止傳播，是否也是相同的行爲？ '（'click'，function（e）{e.stopPropagation（）; // ... }）;'（'。'tb_usertask_title' –

使用jQuery的未分版本（僅用於測試，因爲它更容易調試）。
尋找調度功能。
在有適用用法的函數中放置一個斷點。
代碼中斷後，使用F11導航到綁定功能。

來源

2015-09-28 13:50:11 Sagi

如何找出JavaScript函數觸發HTML更改的內容？

回答

相關問題