如何找出是什么 JavaScript 函数触发了 HTML 变化？

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 导航到绑定函数。