javascript - 如何找出是什么 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. 在有 apply 用法的函数中放置一个断点。
4. 代码中断后，使用 F11 导航到绑定(bind)函数。