What’s on our mind?

Exsilio Solutions is proud to introduce our new blog! Not only is this forum completely integrated with all our social networks, but it is also 100% responsive. Now, you can take Exsilio with you on your phone, tablet, and desktop - redefine what you thought possible!

Debugging jQuery plugins

We can probably all agree that jQuery is pretty awesome. It makes writing client side code a piece of cake and there are tons of plugins to do what you need or at least to get you started.

But with all the plugins, comes more code you need to debug if you need to tweak or modify the plugin. Recently, I used a plugin that converted a bunch of check boxes to a multi-select dropdownlist. In the background it added several new DOM elements to the page and attached events. I needed to intercept a click event but I didn't know which of the many elements it was attached to.

Luckily I found Visual Event created by the fine people at SpryMedia. Visual Event is a piece of JavaScript you drag to your browser's bookmark bar. When you want to see the events on the page, simply click the Visual Event on your bookmark bar and it'll overlay markers next to the elements. Mouse over the markers and info about the event pops up. A pretty awesome tool for a pretty awesome framework*.

*Visual Events works with other frameworks as well. But I have an affinity towards jQuery :)

Comments are closed!

Loading more content...