JQuery调试：如何检查附加的函数？

Question

JQuery是一个非常强大的工具，但它很难调试。

查看以下图片：

如何轻松找到包含已附加到此HTML代码部分的JQuery代码的* .js文件？

我认为这几乎是不可能的，因为它也可以通过任何CSS样式，id或其他方法附加。

查看附加事件似乎无法正常处理JQuery附加事件。

如何调试JQuery？

Answer 1

您在屏幕截图中看到：事件列表绑定到您的元素。然后你有一个指向每个事件的Javascript文件的链接。

Answer 2

您可以使用$ ._ data。

注意，这是一种仅供内部使用的方法!!!! ＆LT;＆LT;重要

// Bind up a couple of event handlers
​$("#foo").on({
    click: function(){ alert("MY evfent is here") }
});​​​

// Lookup events for this particular Element
​$._data( $("#foo")[0], "events" );

$ ._ data的结果将是一个包含我们设置的事件的对象。

Answer 3

不确定这是否是你想要的，但当你检查元素时，在右侧面板上有一个事件监听器选项卡。如果那不是你想要的，那么其他选项是Monitor events