JQuery从存储在变量中的对象中删除和添加类

时间:2014-08-05 21:23:41

标签: jquery css class variables jquery-selectors

我有一个小的jquery脚本,旨在剥离一个类的元素。我的网站在wordpress上运行但是每次尝试调用窗口调整大小处理程序时我都会收到错误。

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');
        }
    });
});

似乎我的大多数错误来自$target变量。任何想法或建议,我对javascript和jquery都很陌生。任何帮助将不胜感激。

修改

我也不确定变量的范围,因此我在嵌套函数中重新声明它们。

1 个答案:

答案 0 :(得分:2)

使用jquery库时出现语法错误。您当前的代码只是将字符串分配给$target。这与做

相同
var $target = '#myelementID'; 

你必须替换

var $target = ('#WoodsworthResidenceLogo');

var $target = ('#myelementID'); 

通过

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

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

注意$前面的(..)。这是jQuery

的别名