Question

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

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

另一个例子是如果您单击表单然后转到多选。当您单击加号图标时，它会在选择上传输，而在我的站点上则不会这样做。我想再次弄清楚要调用哪个JS文件来做这件事。

我正在调查Firebug，如果您知道该文件，那么调试很好，但我不知道如何找出正在调用的文件。任何人都可以指出我正确的方向或提供任何帮助吗？我非常感谢！

谢谢！

Answer 1

首先，转到此网址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)

确定单击按钮时调用的jQuery脚本

1 个答案: