CODEWITHSUNDEEP
jquery
user1048676
user1048676

Reputation: 10066

Determine what jQuery script is called when a button is clicked

All, I'm using the following theme on my website: http://revaxarts-themes.com/?t=whitelabel

It's not working the same way on my site so I'm trying to determine what is causing the issue. For example if you click on the Breadcrumb link on the demo and you see Add Numbers breadcrumbs you can see that when you click on things it applies different classes to the previous ones. On my site it doesn't do that so I'm trying to figure out when one of those values are clicked, what JS file is being called.

Another example is if you click on the Forms and then go down to the Multiple Select. When you click the plus icon it transfers over the selection and on my site it doesn't do that. Once again I'd like to figure out what JS file is being called to do that.

I was looking into Firebug which is good to debug if you know the file but I'm not sure how to find out what files are being called. Can anyone point me in the right direction or offer any help on this? I'd greatly appreciate it!

Thanks!

Upvotes: 2

Views: 1121

Answers (1)

Kyle Macey
Kyle Macey

Reputation: 8154

First, go to this URL http://revaxarts-themes.com/whitelabel/breadcrumb.html (took me a minute to realize it was in an iframe... duh...)

Then run this in your JS console:

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

And this will print the handler for the click event as a function. It is minified, so I unminified for you using 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
    }
}

Then you're on your own from here...

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

Upvotes: 3

Related Questions