Comments on: Using jQuery with WordPress

By: Travis

Travis — Wed, 04 Jan 2012 00:15:58 +0000

1) If you’re not already using Chrome, you should and use Google Developer tools to help you probe sites

So using Developer Tools if you pause script execution on the site you’ll see that when you mouse over one of those images a call to jQuery’s event handler is made. Therefore, one can infer that they used something like $(img_id_or_class).mouseOver(function(){list.hide()}); or something similar. If you don’t feel like figuring it out, you could’ve easily looked in the source code and found the following:
$(document).ready(function() {
$(“div.block-box”).find(‘ul.over-hide’).hide();
$(“div.block-box”).mouseover(function(){
$(this).find(‘ul.over-hide’).show();
})
$(“div.block-box”).mouseout(function(){
$(this).find(‘ul.over-hide’).hide();
})
});

This should get you started in the right direction

By: Travis

Travis — Wed, 04 Jan 2012 00:05:33 +0000

Also, merely food for thought, but have you tried just using the :active CSS pseudo-class to change the look of your mainlinks when they are selected? Assuming that this is what you’re trying to do (what I deduced from your code snippet; sorry if I’m completely wrong lol), and you’re not worried about the main link staying selected when you navigate to a child page within that main link, it could be easier for you and save you the js overhead.

By: Travis

Travis — Wed, 04 Jan 2012 00:00:54 +0000

you can try changing all of “$” symbols to “jQuery,” or you can try – as the blog author suggested – adding “$” (no quotes) as an argument to your initial function, i.e. jQuery(document).ready(function($){…}); This will keep the scope of the identifier symbol $ local to your jQuery call, and therefore won’t interfere with Prototype.

By: Andre

Andre — Sat, 01 May 2010 09:14:25 +0000

Just to point out that the jquery noConflict does work in wordpress 2.x
by doing $jq = jQuery.noConflict(); or if that fails then
$jq = jQuery.noConflict(true);

It has worked for me two different wordpress 2.x installations.

By: joomlawind

joomlawind — Fri, 12 Feb 2010 05:20:40 +0000

Thanks for the detailed explanation of source code……..

By: Celebrate jQuery in WordPress and WordPress Plugins: jQuery Turns 4 | WordCast - Blogging news, WordPress help, WordPress plugins, WordPress themes, WordPress news

Tue, 19 Jan 2010 00:02:57 +0000

[...] Themocracy – Using jQuery with WordPress [...]

By: Irfan Mansha

Irfan Mansha — Mon, 04 Jan 2010 07:17:03 +0000

Hi,

I like the way u have shown source code. I want to know that which plugin u have used to display the source code.

Thanks,

By: Thomas

Thomas — Sat, 05 Dec 2009 05:49:15 +0000

Thank you for this! Knowing that WordPress has jQuery built in makes my life a bit easier. Until I need to use something cutting-edge, that is…

By: Using jQuery with WordPress | Themocracy WordPress Themes « My Snippet Library

Sat, 05 Dec 2009 02:20:57 +0000

[...] Using jQuery with WordPress | Themocracy WordPress Themes. Comments [...]

By: John

John — Wed, 18 Nov 2009 17:44:03 +0000

Very helpful, thanks. I was struggling to make the “ready” function work.