jquery - 确定单击按钮时调用哪个 jQuery 脚本

Question

所有，我在我的网站上使用以下主题: http://revaxarts-themes.com/?t=whitelabel

它在我的网站上的工作方式不一样，因此我正在尝试确定导致问题的原因。例如，如果您单击演示中的“面包屑”链接，并且看到“添加数字面包屑”，您可以看到，当您单击某事物时，它会将不同的类应用于之前的类。在我的网站上它没有这样做，所以我试图弄清楚当这些值之一被单击时，正在调用什么 JS 文件。

另一个例子是，如果您单击“表单”，然后转到“多重选择”。当您单击加号图标时，它会转移选择，而在我的网站上它不会这样做。我再次想弄清楚调用什么 JS 文件来执行此操作。

我正在研究 Firebug，如果您知道该文件，那么它很适合调试，但我不确定如何找出正在调用哪些文件。谁能指出我正确的方向或提供任何帮助？我将不胜感激!

谢谢!

Answer 1

首先，转到此 URL http://revaxarts-themes.com/whitelabel/breadcrumb.html (我花了一分钟才意识到它是在 iframe 中......呃......)

然后在 JS 控制台中运行:

clickEvents = $('ul.breadcrumb[data-allownextonly]').data("events").click;
jQuery.each(clickEvents, function(key, value) {
  console.log(value.handler);
})

这会将 click 事件的处理程序打印为函数。它已缩小，因此我使用 jsbeautifier.org 为您取消缩小。

function () {
    var a = c.data("wl_Breadcrumb") || a;
    if (a.disabled) return !1;
    var b = $(this);
    if (!a.allownextonly || 1 >= b.data("id") - c.find("a.active").data("id")) {
        $.fn.wl_Breadcrumb.methods.activate.call(c[0], b), a.onChange.call(c[0], b, b.data("id"));
        return !1
    }
}

那么你就只能靠自己了……

<小时/>

来源:How to debug Javascript/jQuery event bindings with FireBug (or similar tool)