WordPress Thematic Framework and jQuery Fixes

So recently I’ve been developing with the Thematic Framework for wordpress. I wanted to get to know some of the more popular frameworks out there and see if it could speed up my development time. Well, I’m not completely certain it decreased my development time yet, but I know for sure that I learned a lot. It really showed me just how powerful action hooks and functions.php is. I did a large percentage of the work by using action hooks and filters. Eventually I went on to writing page specific information and creating separate files for each page, so I was able to get out of using the action hooks for everything. However when I started working with jQuery to get some extra functionality out of the site, I ran into a lot of situations where elements just weren’t responding.

After doing a little research I discovered that the $ sign was causing a lot of problems because there was a jQuery conflict somewhere. I still haven’t found it yet, and at one point I wanted to use a plugin that was written only with Mootools. Again more problems. Even after calling jQuery.noConflict() I still wasn’t able to resolve the issue. The fix I used would seem kind of monotonous to some, but I actually went into the files that were being used and replaced $ with jQuery. All $ really is, is shorthand for jQuery from what I’ve read.

Well rather then go and do it all individually I actually ran a find and replace all on $ to jQuery and reloaded the files. Chances are that if you already are working with jQuery then you already know about jQuery.noConflict() and what $ does. However, if you haven’t maybe this will be of some use. It definitely was useful for me.