JQuery Remove and Add Class from Object Stored in Variable

Question

I have a small jquery script designed to strip an element of a class. My site is running on wordpress however I am getting errors every time I try the window resize handler is called.

jQuery(document).ready(

    function watchSize($) {
    var $windowSize = $(window).width();
    var $target = ('#WoodsworthResidenceLogo');

    if ($windowSize < 960 && $target.hasClass('span_2')) {
        $target.removeClass('span_2');
    }

    $(window).resize(
        function() {
        var $windowSize = $(window).width();
        var $target = ('#myelementID');

    if ($windowSize < 960 && $target.hasClass('span_2')) {
        $target.removeClass('span_2');
        } else if ($windowSize > 960 && $target.hasClass('span_2')){
            $target.addClass('span_2');
        }
    });
});

It seems most of my error comes from the $target variable. Any ideas or suggestions, I'm very new to javascript and jquery. Any help would be appreciated.

EDIT:

I'm also unsure of the scope of the variables, thus I have them redeclared in the nested function.

Claudio Redi · Accepted Answer · 2014-08-05 21:25:16Z

2

You have a syntax mistake using the jquery library. Your current code is simply assigning a string to $target. It would be the same as doing

var $target = '#myelementID';

You have to replace

var $target = ('#WoodsworthResidenceLogo');

and

var $target = ('#myelementID');

by

var $target = $('#WoodsworthResidenceLogo');

and

var $target = $('#myelementID');

Notice the $ in front of the (..). This is an alias for jQuery

answered Aug 5, 2014 at 21:25

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

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

Collectives™ on Stack Overflow

JQuery Remove and Add Class from Object Stored in Variable

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