如何找出触发HTML更改的JavaScript函数？

Question

我在WordPress网站上遇到问题。我有一个向下滑动某个<div>的函数。它是：

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中执行函数回溯的方法，但没有任何成功。

Answer 1

1. 使用未经编辑的jQuery版本（仅用于测试，因为它更容易调试）。
2. 寻找调度功能。
3. 在存在应用用途的函数中放置断点。
4. 代码中断后，使用F11导航到绑定功能。