Adding jQuery code to wordpress

Question

I am trying to add the following code to Wordpress but it doesn't seem to work. The same code in a fiddle works.

Please help.

$(".box").hover(

function (e) {
$('.box').not(this).addClass('grey')

}, // over
function (e) {
$('.box').removeClass('grey')

} // out
);

Erwin · Accepted Answer · 2014-10-27 09:25:23Z

1

You have to wrap it in the noConflict mode. Like:

jQuery(function($){
// Your jQuery code here, using the $
});

See: http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

So, that would boil down to

jQuery(function($){
    $(".box").hover( function (e) {
         $('.box').not(this).addClass('grey');    
    }, // over
    function (e) {
         $('.box').removeClass('grey');    
    } // out
);
});

edited Oct 27, 2014 at 9:25

answered Oct 27, 2014 at 9:20

Erwin

1,5021 gold badge18 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding jQuery code to wordpress

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related